Как смотреть больше одной коллекции в Angular?

Question

У меня есть два массива в моем заявлении я хотел бы наблюдать изменения:

$scope.a = [{id: 1, text: 'test a - 1'}, ...]; 
$scope.b = [{id: 1, text: 'test b - 1'}, ...]; 

function changed(){ 
    // notify application about changes in a or b 
} 

Я должен вызвать функцию changed() когда a или b был изменен.

$scope.$watchCollection('a', changed); 
$scope.$watchCollection('b', changed); 

changed() обратного вызова будет срабатывать дважды, если у меня есть изменения в a и b, а также на этапе инициализации. Я хотел бы объединить две часы в одном, что-то вроде этого:

$scope.$watchCollection('a, b', changed); 

Как я могу это сделать с помощью углового?

Answer 1

Есть что-то под названием watchGroup, которое вы можете использовать для этой цели, но, к сожалению, в основном бесполезно, так как это только мелкие часы.

Вы можете использовать функцию наблюдател, чтобы вернуть объект

$scope.$watch(function(){ //Or even try this with watchCollection 
    return ['a','b'].map(angular.bind($scope, $scope.$eval)); 
    }, function(newV){ 
     console.log(newV); 
    },true); 

Вы могли бы вместо create a custom watcher for your convenience as i had mentioned in another answer и сделать что-то вроде этого.

$scope.deepWatchGroup(['a','b'],function(newV){ 
    console.log(newV); 
}); 

Answer 2

Использование $scope. $watch('a+b', change). Вы можете добавить любое количество переменных для просмотра