AngularJS: Clear $ watch

J'ai une fonction de surveillance dans mon application AngularJS.

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

Cependant, après une certaine condition (dans mon exemple, changer la page dans mon application d'une seule page ), je veux arrêter cette surveillance (comme pour effacer le délai d'expiration).

Comment puis je faire ça?

$watchrenvoie une fonction de désinscription. L'appeler annulerait l'enregistrement du $watcher.

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

scope. $ watch renvoie une fonction que vous pouvez appeler et qui désinscrira la montre.

Quelque chose comme:

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

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

Vous pouvez également effacer la montre à l'intérieur du rappel si vous souhaitez l'effacer juste après que quelque chose se soit produit. De cette façon, votre montre $ restera active jusqu'à son utilisation.

Ainsi...

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!
  } 
}

Quelque temps votre $ watch appelle dynamicallyet il va créer ses instances donc vous devez appeler la fonction de désenregistrement avant votre $watchfonction

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

Idéalement, chaque montre personnalisée doit être retirée lorsque vous quittez la lunette.

Il contribue à une meilleure gestion de la mémoire et à de meilleures performances des applications.

// 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
});

Si vous avez trop d'observateurs et que vous devez tous les effacer, vous pouvez les pousser dans un tableau et les détruire tous $watchen boucle.

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 = [];

Pour supprimer la copie des observateurs, vous pouvez utiliser ceci:

watchers = void 0;