AngularJS: Bersihkan $ watch

Saya memiliki fungsi arloji dalam aplikasi AngularJS saya.

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

Namun, setelah beberapa kondisi (dalam contoh saya, mengubah halaman pada aplikasi satu halaman saya) saya ingin menghentikan arloji itu (seperti membersihkan timeout).

Bagaimana saya bisa melakukan itu?

$watchmengembalikan fungsi deregistrasi. Menyebutnya akan membatalkan pendaftaran $watcher.

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

scope. $ watch mengembalikan fungsi yang dapat Anda panggil dan yang akan membatalkan registrasi arloji.

Sesuatu seperti:

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

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

Anda juga dapat menghapus arloji di dalam callback jika Anda ingin menghapusnya segera setelah sesuatu terjadi. Dengan begitu $ watch Anda akan tetap aktif sampai digunakan.

Seperti ...

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

Kadang-kadang $ watch Anda menelepon dynamicallydan itu akan membuat contohnya sehingga Anda harus memanggil fungsi deregistrasi sebelum $watchfungsi Anda

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

Idealnya, setiap jam tangan khusus harus dihapus ketika Anda meninggalkan ruang lingkup.

Ini membantu dalam manajemen memori yang lebih baik dan kinerja aplikasi yang lebih baik.

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

Jika Anda memiliki terlalu banyak pengamat dan Anda harus menghapus semuanya, Anda dapat mendorong mereka ke dalam array dan menghancurkan setiap $watchdalam satu lingkaran.

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

Untuk membuang salinan pengamat, Anda dapat menggunakan ini:

watchers = void 0;