当从控制器更新其模型值时，md-slider 不更新

Question

我的 HTML 代码如下，其中包含 md-slider

<body ng-app="ABC">

    <div class="ctrl" ng-controller="mainCtrl">

    <md-slider ng-model="threshold" md-discrete min="1" max="100" aria-label="threshold"></md-slider>

    </div>
</body>

这是我的控制器：

angular.module("ABC", ["ngMaterial"])
       .controller("mainCtrl", function ($scope) {

    $scope.threshold = localStorage.getItem("myExtThreshold");
});

当我使用鼠标滑动滑块时，threshold 在控制器中更新。但是，当我在控制器中更改 threshold 时，滑块位置不会改变。例如，如果我将 threshold 值从 20 更改为 60，并且我使用 console.log($scope.threshold)，则显示的值将为 60，但 md-slider 仍为 20。

localStorage.getItem("myExtThreshold") returns 有效数值。

Answer 1

在控制器中试试这个。当然你的代码没有错。只是将 return 值设为数字

$scope.threshold = JSON.parse(localStorage.getItem("myExtThreshold"))

当从控制器更新其模型值时，md-slider 不更新

md-slider not updating when its model value is updated from controller

angularjs

angularjs-material