观察多个$作用域属性

Question

有没有办法使用$watch订阅多个对象上的事件

E、 g。

$scope.$watch('item1, item2', function () { });

Answer 1

第一个参数也可以是函数。

$scope.$watch(function watchBothItems() {
  return itemsCombinedValue();
}, function whenItemsChange() {
  //stuff
});

如果两个组合值很简单，那么第一个参数通常只是一个角度表达式。例如，firstName和lastName：

$scope.$watch('firstName + lastName', function() {
  //stuff
});

Answer 2

从AngularJS 1.1.4开始，您可以使用$watchCollection：

$scope.$watchCollection('[item1, item2]', function(newValues, oldValues){
    // do stuff here
    // newValues and oldValues contain the new and respectively old value
    // of the observed collection array
});

这里的Plunker例子

此处为文档

Answer 3

从AngularJS 1.3开始，有一种新方法称为观察一组表达式的新方法，名为watchGroup。

$scope.foo = 'foo';
$scope.bar = 'bar';

$scope.$watchGroup(['foo', 'bar'], function(newValues, oldValues, scope) {
  // newValues array contains the current values of the watch expressions
  // with the indexes matching those of the watchExpression array
  // i.e.
  // newValues[0] -> $scope.foo 
  // and 
  // newValues[1] -> $scope.bar 
});