如何在更改模板时卸载AngularJS指令

Question

我有一个使用AngularJS构建的Web应用程序,它包含各种路由/控制器/视图/等.

几个视图需要我包含的指令.我注意到,当我更改路径并加载新模板时,旧模板中的指令继续运行.只需创建一个记录到控制台的指令,您将在加载新路由时继续记录它.

有办法避免这种情况吗？这似乎有点浪费内存.

Answer 1

必须记住解除绑定在指令中的事件!

例如,对于绑定到窗口的resize事件:

$scope.$on('$destroy',function() { angular.element($window).unbind('resize'); });