AngularJS: Xóa đồng hồ $

Tôi có một chức năng đồng hồ trong ứng dụng AngularJS của tôi.

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

Tuy nhiên, sau một số điều kiện (trong ví dụ của tôi, thay đổi trang trong ứng dụng một trang của tôi) tôi muốn dừng đồng hồ đó (như xóa hết thời gian chờ).

Làm thế nào tôi có thể làm điều đó?

$watchtrả về một chức năng hủy đăng ký. Gọi nó sẽ hủy đăng ký $watcher.

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

scope. $ watch trả về một chức năng mà bạn có thể gọi và điều đó sẽ hủy đăng ký đồng hồ.

Cái gì đó như:

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

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

Bạn cũng có thể xóa đồng hồ bên trong cuộc gọi lại nếu bạn muốn xóa nó ngay sau khi có điều gì đó xảy ra. Bằng cách đó, đồng hồ $ của bạn sẽ duy trì hoạt động cho đến khi được sử dụng.

Giống như vậy ...

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

Đôi khi đồng hồ $ của bạn đang gọi dynamicallyvà nó sẽ tạo các phiên bản của nó để bạn phải gọi chức năng hủy đăng ký trước $watchchức năng của mình

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

Lý tưởng nhất, mọi đồng hồ tùy chỉnh nên được loại bỏ khi bạn rời khỏi phạm vi.

Nó giúp quản lý bộ nhớ tốt hơn và hiệu suất ứng dụng tốt hơ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
});

Nếu bạn có quá nhiều người theo dõi và bạn cần phải xóa tất cả chúng, bạn có thể đẩy chúng vào một mảng và phá hủy mọi thứ $watchtrong một vòng lặp.

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

Để loại bỏ bản sao của người theo dõi, bạn có thể sử dụng:

watchers = void 0;