AngularJS: Clear $ watch

Question

Ho una funzione di controllo nella mia applicazione AngularJS.

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

Tuttavia, dopo qualche condizione (nel mio esempio, cambiare la pagina al mio single-page application) Voglio smettere di quell'orologio (come come compensazione timeout).

Come posso farlo?

Answer 1

$watch restituisce una funzione di cancellazione. Chiamarlo cancellerebbe il $watcher.

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

Answer 2

scope. $ Watch restituisce una funzione che è possibile chiamare e che annullerà la registrazione dell'orologio.

Qualcosa di simile:

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

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

Answer 3

Qualche tempo il vostro $ orologio sta chiamando dynamically e creerà le sue istanze quindi bisogna chiamare la funzione cancellazione prima della funzione $watch

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

Answer 4

È possibile anche cancellare l'orologio all'interno della richiamata se si voglio chiarirlo subito dopo che qualcosa accade. In questo modo il tuo orologio $ rimarrà attivo fino al momento dell'utilizzo.

Come così ...

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

Answer 5

Per scartando la copia di osservatori, è possibile utilizzare questo:

watchers = void 0; 

Answer 6

Se avete troppo osservatori ed è necessario cancellare tutti loro, puoi spingerli in un array e distruggere ogni $watch in un ciclo.

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

Answer 7

Idealmente, ogni orologio personalizzato deve essere rimosso quando si lascia l'ambito.

Aiuta a migliorare la gestione della memoria e le prestazioni delle app migliori.

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