如果 DOM 元素被“删除”，AngularJS 控制器会被破坏？

Question

我有一个附加到 angularjs 控制器的指令，类似于

<my-directive id="my-unique-directive" ng-controller="MyController"></my-directive>

在我的控制器中，在某些时候我需要这个指令消失。然后我在其中混入了一些 jQuery，这样我就可以$('#my-unique-directive').remove();

它工作正常，但我这样做正确吗？我知道您不应该访问控制器内的 DOM 元素，但我还能如何实现这个结果？

为了测试我的控制器是否被破坏，我设置了一个函数，该函数将每隔一秒 console.log('I'm still here');，并且在我删除 DOM 元素后立即调用该函数。 （另外，该函数附加到控制器本身，而不是 $scope）

这证实了我的担忧：控制器没有被销毁，即使在指令被删除后日志仍然显示。

销毁 DOM 元素后如何销毁控制器？

Answer 1

ng-if 将为您完成这项工作：

<my-directive id="my-unique-directive" ng-controller="MyController" ng-if="!isDeleted"></my-directive>

只需将 isDeleted 设置为 true 即可删除元素和相关范围。

注意： 如果您将控制器存储到某个变量，它将不会被破坏。 （因为垃圾收集器将无法收集它） 如果你使用 $timeout(console.log('I am here'), 1000) - 它仍然会被执行。 但这并不意味着控制器存在。