Смотреть несколько атрибутов $ scope

Есть ли способ подписаться на события на нескольких объектах, используя $watch

Например

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

Начиная с 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 
});

Начиная с 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
});

Пример плунжера здесь

Документация здесь

$watch Первый параметр также может быть функцией.

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

Если ваши два объединенных значения просты, первый параметр обычно является угловым выражением. Например, firstName и lastName:

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

Вот решение, очень похожее на ваш оригинальный псевдокод, который действительно работает:

$scope.$watch('[item1, item2] | json', function () { });

РЕДАКТИРОВАТЬ: Хорошо, я думаю, что это даже лучше:

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

По сути, мы пропускаем шаг json, который казался глупым с самого начала, но без этого он не работал. Их ключ - часто пропускаемый 3-й параметр, который включает равенство объектов, а не равенство ссылок. Тогда сравнения между нашими созданными объектами массива действительно работают правильно.

Вы можете использовать функции в $ watchGroup для выбора полей объекта в области видимости.

        $scope.$watchGroup(
        [function () { return _this.$scope.ViewModel.Monitor1Scale; },   
         function () { return _this.$scope.ViewModel.Monitor2Scale; }],  
         function (newVal, oldVal, scope) 
         {
             if (newVal != oldVal) {
                 _this.updateMonitorScales();
             }
         });

Почему бы просто не обернуть его в forEach?

angular.forEach(['a', 'b', 'c'], function (key) {
  scope.$watch(key, function (v) {
    changed();
  });
});

Это примерно такая же нагрузка, как и предоставление функции для объединенного значения, без необходимости беспокоиться о составе значения .

Несколько более безопасным решением для объединения значений может быть использование следующего в качестве вашей $watchфункции:

function() { return angular.toJson([item1, item2]) }

или

$scope.$watch(
  function() {
    return angular.toJson([item1, item2]);
  },
  function() {
    // Stuff to do after either value changes
  });

Параметр $ watch first может быть угловым выражением или функцией. Смотрите документацию по $ scope. $ Watch . Он содержит много полезной информации о том, как работает метод $ watch: когда вызывается watchExpression, как angular сравнивает результаты и т. Д.

как насчет:

scope.$watch(function() { 
   return { 
      a: thing-one, 
      b: thing-two, 
      c: red-fish, 
      d: blue-fish 
   }; 
}, listener...);

$scope.$watch('age + name', function () {
  //called when name or age changed
});

Здесь функция будет вызываться при изменении значения возраста и имени.

Angular, представленный $watchGroupв версии 1.3, с помощью которого мы можем наблюдать несколько переменных, причем один $watchGroupблок $watchGroupпринимает массив в качестве первого параметра, в который мы можем включить все наши переменные для просмотра.

$scope.$watchGroup(['var1','var2'],function(newVals,oldVals){
   console.log("new value of var1 = " newVals[0]);
   console.log("new value of var2 = " newVals[1]);
   console.log("old value of var1 = " oldVals[0]);
   console.log("old value of var2 = " oldVals[1]);
});