javascript - 服务器数据请求后无法更新旋钮的颜色

Question

从服务器请求返回数据后，旋钮的颜色无法像给定的图像链接 screencast 那样更新。 。我的代码如下:

JavaScript 代码

$scope.options = { /* knob option */   };

$http
   .get(url)
   .then(function(res) {
      $scope.details = res.data.rating  // need to show $scope.details in knob 
   }, function(err) {});

html代码

<ui-knob value="details" options="options "></ui-knob>

注意:我正在使用ng-knob

Answer 1

我使用以下代码解决了这个问题:

angular.module('', [])
 .controller('DemoCtrl', function($scope, $timeout) {
     $scope.options = { /* knob option */   };
     $scope.details = 0;  // value initialize
     $http
        .get(url)
        .then(function(res) {
            $timeout(function() {
               $scope.details = res.data.rating  // load data from server   
            }, 1000);                             
         }, function(err) {});
 });