当对象在范围之外更新时如何更新angularJS中的视图

Question

我在 AngularJS 范围之外有一个对象，看起来像：

obj = { isBig : true, name: "John" ... }

它有很多参数，它是在 angular 范围之外创建的，它在 angularJS 之外更新（例如 - 通过我使用 jQuery 进行的 ajax 调用）。

在我的控制器中我写：

$scope.obj = obj;

如何创建一个事件来监听任何对象的变化并更新视图？所以事件就是对象的变化

具体来说，我有一个名为 obj.isAjaxCallFailed = true/false 的参数，我在视图中将其用作 <div ng-show="obj.isAjaxCallFailed"></div>

它不工作。我尝试使用$on，但我想不出任何办法。

Answer 1

在obj 上使用$watch() 来监听变化（在你的控制器中）：

$scope.$watch(function() {
   return obj;
}, function(value) {
   if(value) {
      $scope.obj = obj;
   }
}, true);

在您的代码中创建或更新obj 的位置，您使用$rootScope.$apply() 启动监视：

function someCallbackOutsideAngular(data) {
   var $rootScope = angular.injector(['ng']).get('$rootScope');
   $rootScope.$apply(function() {
      obj.someKey = data.someValue;
   });
}

注意：angular.injector(['ng']) 可能应该设置在回调之外的某个地方（不需要一直执行它）。