Wie verwendet man eine $ watchGroup mit Objektgleichheit oder Deep-Watch die Eigenschaften in der Gruppe?

Question

Ich möchte eine Direktive, um HTML neu zu rendern, wenn drei Scope-Variablen geändert haben. Die ersten beiden sind nur ganze Zahlen, die dritte ist ein Array.

Wir haben $watchGroup mehreren Variablen zu beobachten, haben wir $watch mit objectEquality als dritter Parameter, und wir haben $watchCollection die wie $watch ist, aber mit objectEquality impliziert.

Gibt es eine Möglichkeit, eine ähnliche $ watch zu schreiben?

$scope.$watchGroup(['number1', 'number2', 'myArray'], callback, true); // true for objectEquality 

Answer 1

Nun scheint es wie WatchGroup eine tiefe Uhr nicht unterstützt. Wahrscheinlich können Sie also einen Hack machen, indem Sie einen anonymen Deep Watcher mit einem Array von Werten registrieren, die von der Watch-Funktion übergeben werden.

$scope.$watch(function(){ 
    return ['number1','number2','myArray'].map(angular.bind($scope, $scope.$eval)); 
    }, function(newV){ 
     console.log(newV); 
    },true); 

Demo

oder fügen Sie einfach diese Funktion als Nutzenfunktion auf dem rootScope und greifen Sie von irgendwelchen geerbt Bereichen.

.run(function($rootScope){ 
    $rootScope.deepWatchGroup = function(exp, callback){ 
    if(!angular.isArray(exp) || !thisScope.$watch) return; //Or log some error if array is not passed in or the context is not really a scope object 

    var thisScope = this, //get scope 
     evalFunc = angular.bind(thisScope, thisScope.$eval); //and a bound eval func 

    thisScope.$watch(function(){ 
     return exp.map(evalFunc); //return array of evaluated values 
    }, callback,true); 
    } 
}); 

und von dem Controller zu tun:

$scope.deepWatchGroup(['number1','number2','myArray'],function(newV){ 
    console.log(newV); 
}); 

Demo

Answer 2

Wenn Sie ein Array von String Ausdrücke sehen wollen (dh Sie Funktionen nicht aufpassen müssen, was sowohl $watchGroup und PSL-Lösung kann umgehen), hier ist eine Alternative:

$scope.$watch('[number1, number2, myArray]', callback, true); 

Und wenn Sie möchten, eine Hilfsfunktion für das ähnlich machen PSL:

.run(function($rootScope){ 
    $rootScope.deepWatchGroup = function(watchExpressions, listener){ 
    this.$watch('[' + watchExpressions + ']', listener, true); 
    } 
});