不要忘记监听$destroy事件来清除timer

angularjs会广播一个$destroy的事件在销毁scope和其父对象被删除时。

在做一些清除的任务或资源的时候，监听这个事件就变得非常的关键，否则就可能消耗内存和CUP.

下面是一个有问题的情况：

module.controller("TestController", function($scope, $timeout) {

var onTimeout = function() {
$scope.value += 1;
$timeout(onTimeout, 1000);
};
$timeout(onTimeout, 1000);
$scope.value = 0;

});

下面是正确的情况：

module.controller("TestController", function($scope, $timeout) {

var onTimeout = function() {
$scope.value += 1;
timer = $timeout(onTimeout, 1000);
};
var timer = $timeout(onTimeout, 1000);

$scope.value = 0;

$scope.$on("$destroy", function() {
if (timer) {
$timeout.cancel(timer);
}
});
});

关注微信公众号：前端开发知识