在angularjs中自动更新范围变量

Question

我正在玩AngularJS.我想从一个服务中返回一个变量,它会让范围知道它何时发生了变化.

为了说明这一点,请查看www.angularjs.org中的示例,"连接后端".粗略地说,我们可以看到以下内容:

var projects = $firebase(new Firebase("http://projects.firebase.io"));
$scope.projects = projects;

在此之后,对projects对象所做的所有更新(通过更新,无论是本地还是远程)都将自动反映在作用域绑定的视图上.

我怎样才能在我的项目中实现同样的目标？就我而言,我想从服务中返回一个"自我更新"变量.

var inbox = inboxService.inboxForUser("fred");
$scope.inbox = inbox;

什么机制让它$scope知道它应该更新？

编辑: 为了回应这些建议,我尝试了一个基本的例子.我的控制器:

$scope.auto = {
    value: 0
};

setInterval(function () {
    $scope.auto.value += 1;
    console.log($scope.auto.value);
}, 1000);

而且,在我看来的某个地方:

<span>{{auto.value}}</span>

不过,它只显示0.我做错了什么？

Answer 1

更新:

我制作了一个演示插件:http://plnkr.co/edit/dmu5ucEztpfFwsletrYW？p = preview
我$timeout用来伪造更新.

诀窍是使用普通的javascript引用:

• 您需要将对象传递给作用域.
• 您不能覆盖该对象,只需更新或扩展它.
• 如果你覆盖它,你将失去"绑定".
• 如果您使用$http它将为您触发摘要.
• 因此,每当发生更改时,范围变量引用在服务中更新的同一对象,并且将通过摘要通知所有观察者.
• 据我所知,这是怎么$firebase和Restangular工作.
• 如果您进行多次更新,则需要重置属性.
• 由于您跨应用程序持有对象的引用,因此您需要了解内存泄漏.

例如:

服务:

app.factory('inboxService', function($http){

  return {
    inboxForUser: function(user){

      var inbox = {};

      $http.get('/api/user/' + user).then(function(response){
        angular.extend(inbox, response.data);
      })

      return inbox; 
    }
  };
});

控制器:

app.controller('ctrl', function(inboxService){
  $scope.inbox = inboxService.inboxForUser("fred");
});