AngularJS: Lösche $ watch

Ich habe eine Überwachungsfunktion in meiner AngularJS-Anwendung.

$scope.$watch('quartzCrystal', function () {
   ...
}

Nach einer gewissen Bedingung (in meinem Beispiel durch Ändern der Seite in meiner Einzelseitenanwendung ) möchte ich diese Überwachung jedoch stoppen (z. B. beim Löschen eines Zeitlimits).

Wie kann ich das machen?

$watchGibt eine Abmeldungsfunktion zurück. Wenn Sie es nennen, wird das abgemeldet $watcher.

var listener = $scope.$watch("quartz", function () {});
// ...
listener(); // Would clear the watch

scope. $ watch gibt eine Funktion zurück, die Sie aufrufen können und die die Registrierung der Uhr aufhebt.

Etwas wie:

var unbindWatch = $scope.$watch("myvariable", function() {
    //...
});

setTimeout(function() {
    unbindWatch();
}, 1000);

Sie können die Uhr auch im Rückruf löschen, wenn Sie sie sofort löschen möchten, nachdem etwas passiert ist. Auf diese Weise bleibt Ihre $ watch bis zur Verwendung aktiv.

Wie so ...

var clearWatch = $scope.$watch('quartzCrystal', function( crystal ){
  if( isQuartz( crystal )){
    // do something special and then stop watching!
    clearWatch();
  }else{
    // maybe do something special but keep watching!
  } 
}

Irgendwann ruft Ihre $ watch auf dynamicallyund erstellt ihre Instanzen, sodass Sie die Deregistrierungsfunktion vor Ihrer $watchFunktion aufrufen müssen

if(myWatchFun)
  myWatchFun(); // it will destroy your previous $watch if any exist
myWatchFun = $scope.$watch("abc", function () {});

Im Idealfall sollte jede benutzerdefinierte Uhr entfernt werden, wenn Sie das Zielfernrohr verlassen.

Es hilft bei der besseren Speicherverwaltung und der App-Leistung.

// call to $watch will return a de-register function
var listener = $scope.$watch(someVariableToWatch, function(....));

$scope.$on('$destroy', function() {
    listener(); // call the de-register function on scope destroy
});

Wenn Sie zu viele Beobachter haben und alle löschen müssen, können Sie sie in ein Array verschieben und alle $watchin einer Schleife zerstören .

var watchers = [];
watchers.push( $scope.$watch('watch-xxx', function(newVal){
   //do something
}));    

for(var i = 0; i < watchers.length; ++i){
    if(typeof watchers[i] === 'function'){
        watchers[i]();
    }
}

watchers = [];

Zum Verwerfen der Kopie von Beobachtern können Sie Folgendes verwenden:

watchers = void 0;