2015-03-13 58 views
1

我有使價值得到隨機生成值不使用的HTML更新角

app.controller('detailReadingCtrl',function(){ 
    var value = 0; 
    $scope.dispValue = 0; 

setInterval(function(){ 
    value = Math.floor(Math.random()*1000); 
    $scope.dispValue = value; 
} 
}); 

控制器和我的HTML是

<div>{{dispValue}}</div> 

在HTML中的價值是沒有得到與更新改變的值。在控制器中displiue正在改變,但它不在html中更新。我希望看到屏幕上每秒鐘的值變化,而不需要刷新。

我試過使用$ scope。$ watch和$ scope。$ broadcast都似乎不起作用。如果您對此有任何想法,請告訴我。

回答

3

setInterval不會觸發$digest循環,而應使用$interval模塊:

app.controller('detailReadingCtrl',function($scope, $interval){ 
    var value = 0; 
    $scope.dispValue = 0; 

    $interval(function(){ 
     value = Math.floor(Math.random()*1000); 
     $scope.dispValue = value; 
    }); 
}); 

你在代碼中有其他錯誤($scope沒有被注入,在該年底失蹤)間隔)

+0

非常感謝。我能夠看到值的變化。 感謝您的幫助。我也刪除了其他錯誤 – Chait 2015-03-13 16:32:27