AngularJS: Net $ izle

AngularJS uygulamamda bir izleme fonksiyonum var.

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

Ancak, bazı koşullardan sonra (benim örneğimde, tek sayfalık uygulamamda sayfayı değiştirme ) Bu saati durdurmak istiyorum (zaman aşımını temizlemek gibi).

Bunu nasıl yapabilirim?

$watchkayıt silme işlevini döndürür. Bunu çağırmak kayıttan silinir $watcher.

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

$ watch, arayabileceğiniz ve saatin kaydını silen bir işlev döndürür.

Gibi bir şey:

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

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

Bir şey olduktan hemen sonra temizlemek istiyorsanız, geri aramanın içindeki saati de temizleyebilirsiniz. Bu şekilde $ saatiniz kullanılıncaya kadar etkin kalacaktır.

Bunun gibi ...

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

Bir süre için $ izle çağırıyor dynamicallyve size önce kaydının silinmesi işlevi çağırmak zorunda onun örneklerini yaratacak $watchfonksiyonu

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

İdeal olarak, kapsamdan çıktığınızda her özel saat kaldırılmalıdır.

Daha iyi bellek yönetimi ve daha iyi uygulama performansı sağlar.

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

Çok fazla izleyiciniz varsa ve hepsini temizlemeniz gerekiyorsa, bunları bir diziye itebilir ve her $watchbir döngüyü yok edebilirsiniz .

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

Gözlemcilerin kopyasını atmak için bunu kullanabilirsiniz:

watchers = void 0;