javascript - angular.element().hide() 与 ngIf

Question

Angular 允许访问一些 jquery 函数 here

我只是想知道 .hide() 和使用 ngIf 指令在性能上是否存在差异？

添加来自评论的说明

我了解 ngIf 和 ngShow 之间的区别，但我想知道使用 ng 指令与调用 angular.element() 并使用 .hide() 链接它之间的性能差异

Answer 1

hide/show 不会从 dom 中删除元素，只会添加 display:none 属性，而 ng-if 会 从 dom 中完全删除 元素。

如果你的 UI 有很多元素，你可以使用 ng-if 来实例化相关的元素，这会节省很多资源。因为您的 View 不需要创建所有的 View ，然后将 display:none 属性应用于不应在 view 中显示的 View 。

如果您要从 View 中删除和显示一个元素，隐藏它而不是删除 code> 可以提高性能。