AngularJS: Clear $ watch

Tengo una función de reloj en mi aplicación AngularJS.

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

Sin embargo, después de alguna condición (en mi ejemplo, cambiar la página en mi aplicación de una sola página ) quiero detener ese reloj (como borrar el tiempo de espera).

¿Cómo puedo hacer eso?

$watchdevuelve una función de desregistro. Llamarlo daría de baja el $watcher.

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

scope. $ watch devuelve una función que puede llamar y que anulará el registro del reloj.

Algo como:

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

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

También puede borrar el reloj dentro de la devolución de llamada si desea borrarlo justo después de que ocurra algo. De esa manera, su $ watch permanecerá activo hasta que se use.

Al igual que...

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

En algún momento su $ watch está llamando dynamicallyy creará sus instancias, por lo que debe llamar a la función de desregistro antes de su $watchfunción

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

Idealmente, cada reloj personalizado debe eliminarse cuando abandone el alcance.

Ayuda en una mejor gestión de la memoria y un mejor rendimiento de la aplicación.

// 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 tiene demasiados observadores y necesita eliminarlos a todos, puede insertarlos en una matriz y destruirlos $watchen un bucle.

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

Para descartar la copia de los observadores, puede usar esto:

watchers = void 0;