AngularJS $ scope。$观察对象的属性

我想观察$ scope上的一个简单对象，但我很困惑，为什么以下总是为国家和州选择元素输出state:{value}。

angular.module('app').controller('FiltersCtrl', ['$scope', 'filterRepo', function ($scope, filterRepo) { 

    $scope.data = { 
     lookups: { 
      countries: [ 
       { id: 1, name: 'USA' }, 
       { id: 2, name: 'Canada' }, 
       { id: 3, name: 'Mexico' } 
      ], 
      states: [ 
       { id: 1, name: 'Oregon' }, 
       { id: 2, name: 'Texas' }, 
       { id: 3, name: 'Iowa' } 
      ] 
     } 
    }; 

    $scope.query = { 
     filter: { 
      country: 1, 
      state: 1 
     } 
    }; 

    for (var item in $scope.query.filter) { 
     $scope.$watch('query.filter.' + item, function (newValue, oldValue) { 
      if (newValue !== oldValue) { 
       console.log(item + ' : ' + newValue); 
      } 
     }, false); 
    } 

}]);

来源

2014-06-21 Sam

你不能安全的'$ watch'回调内部使用'item'，因为它的价值将发生变化到最后当回调运行时可能的键（'状态'）。 –

小提琴http://jsfiddle.net/E62VE/ – PixnBits

@still_learning那么我如何获得对已更改对象的引用？ – Sam

向来自上述@still_learning在comment扩大，只有Function■找范围，这意味着回调到您的$watch语句使用您在“父”函数声明的item变量。但是，当这些$ watch回调被调用/调用时，for循环已经更新了它们的值。在EffectiveJs（Item 13）中有关于此的项目。

一个很好的答案是通过.forEach使用功能闭包的功能。两个缺点：

仅限Array小号
只有在最新的浏览器

角度提供了一个非常方便的方法angular.forEach，以解决这两个问题。

这一切听起来粗糙:)但在小提琴看看它在行动：http://jsfiddle.net/E62VE/3/

来源

2014-06-21 17:48:42 PixnBits

AngularJS $ scope。$观察对象的属性

回答

相关问题