AngularJS：清除$手錶

Question

我在我的AngularJS應用程序中有一個手錶功能。

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

然而，在一些條件（在我的例子，在我single-page application改變頁）我想停止觀看（像清理超時）。

我該怎麼做？

Answer 1

$watch返回註銷功能。調用它將取消註冊$watcher。

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

Answer 2

範圍。$ watch返回一個函數，您可以調用並取消註冊手錶。

喜歡的東西：

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

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

Answer 3

有些時候你的$觀察呼籲dynamically，所以你有你的$watch功能之前調用註銷功能，它會創建實例

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

Answer 4

您也可以清除，如果你的回調裏面的手錶想要在事情發生後立即清除它。這樣，您的$ watch將保持活動狀態直至使用。

是這樣的...

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

丟棄觀察家的副本，你可以使用這樣的：如果你有太多的觀察家，你需要清除所有的人

watchers = void 0; 

Answer 6

，你可以將它們推入一個數組並在循環中銷燬每個$watch。

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

理想情況下，每個自定義手錶在離開示波器時都應該移除。

它有助於更​​好的內存管理和更好的應用程序性能。

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