angularjs – Angular JS单页应用程序中的神秘内存泄漏

$interval特别令人讨厌,因为它会继续运行,直到你关闭浏览器或网页 – 即使用户移动到不同的选项卡或应用程序,它也不会停止运行！

如果在这些闭包中创建对DOM元素的引用,您很快就会开始咀嚼内存,因为从不会释放引用,并且当用户从一个页面移动到另一个页面时,DOM树会分离.

要解决此问题,请确保在控制器(以及指令的控制器或链接函数)中处理$destroy事件,并在使用任何间隔,监视或事件处理程序后明确清理.

您可以通过保持对每个$interval,watch或事件处理程序的引用并在$destroy事件处理程序中将其作为函数调用来完成此操作.

例如：

// eventListener to remove
var eventListener = $scope.$on('eventName',function(){…});

// remove the eventListener when the $destroy event is fired
$scope.$on('$destroy',function(){
    // call the value returned from $scope.$on as a function to remove
    // the event listener
    eventListener();
}

// remove an event listener defined on a DOM node:
var elementEventListener = element.on('eventName',function(){…});

element.on('$destroy',function(){
    elementEventListener();
}

// Stop an interval
var stop = $interval(function(){...});
$scope.$on('$destroy',function(){
    stop();
}


// Finally,unbind a  $watch
var watchFn = $scope.$watch('someValue',function(newVal){…}

$scope.on('$destroy',function(){
     watchFn();
}

最后,永远不要在范围内存储DOM元素！ (参见#2 here点的原因).