AngularJS.在html中自动刷新$ scope变量

Question

如何在$ scope对象中触发自动变量？

//controller
setInterval(function(){$scope.rand=Math.random(10)},1000);

//template
{{rand}}

Rand在我的页面上没有更新.如何更新我的变量？

Answer 1

function MyCtrl($scope, $timeout) {
  $scope.rand = 0;

  (function update() {
    $timeout(update, 1000);
    $scope.rand = Math.random() * 10;
  }());
}

演示:http://jsbin.com/udagop/1/

Answer 2

实际上,最直接的方式是:

function MyCtrl($scope, $interval) {
  $scope.rand = 0;

  function update() {
    $scope.rand = Math.random() * 10;
  }

  $interval(update, 1000);
}

这是setInterval()的Angular等价物