performance - 隐藏 DOM 元素会提高性能吗？

Question

假设我有一个 HTML div，其中包含许多表单元素，这些元素都在监视模型值，如果我在 div 上使用 ng-show、ng-if 或 ng-switch 来隐藏它，这会阻止 Angular JS 执行此操作吗？对表单元素进行脏检查从而提高我的应用程序的性能？

我认为，如果绑定(bind)元素不可见，那么 Angular 就不需要检查绑定(bind)到它们的值。

Answer 1

ng-show 和 ng-hide 将仅设置 CSS display 样式，并且仍会处理绑定(bind)。然而，ng-switch 会完全注释掉不适用的情况，这反过来意味着这些情况中的绑定(bind)不会被处理。然而，我同意 Edmondo1984 的答复，我怀疑你应该以此为基础做出选择。因此，请勿将您的 ng-show 重写为 ng-switch!

您可以使用 Chrome 扩展 Batarang 来验证这一点，性能选项卡显示哪些 watch 处于事件状态。