Наблюдайте за несколькими атрибутами $ scope

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

Пример Plunker здесь

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

$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, который изначально казался глупым, но без него он не работал. Ключевым моментом является часто опускаемый третий параметр, который включает равенство объектов, а не равенство ссылок. Тогда сравнения между нашими созданными объектами массива действительно работают правильно.

Вы можете использовать функции в $ 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]) }

or

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

Первый параметр $ watch может быть угловым выражением или функцией. См. Документацию по $ 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]);
});