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

标签 javascript angularjs performance directive jqlite

Angular 允许访问一些 jquery 函数 here

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

添加来自评论的说明

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

最佳答案

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

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

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

关于javascript - angular.element().hide() 与 ngIf,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40916630/

相关文章:

javascript - 将参数传递给 React 中的事件处理程序或回调

javascript - Angular Directive(指令)未显示

javascript - 模型更新时无法让 Angularjs 更新 View

reactjs - 如何在我的 Gatsby 博客网站上有效地显示 GIF 图像?

通过网络的 C# 高速 MD5/SHA 散列

javascript - 是否可以使用 JavaScript 实现剪贴板管理器?

javascript - 如何在 Javascript 中读取包含 "https://uswest.xyz.com/@admin?deep_link_id=35&deep_link_type=user"的 URL?

javascript - 删除 C# 列表中的空节点

javascript - 如何在 ionic 应用程序中共享链接回应用程序的链接

javascript - 每分钟 JSON 文件解析和合并