对于复杂的UI和表单，ngIf vs ngShow的许多实例

Question

我发现了一些关于ngShow vs ngIf的问题，但没有任何问题可以很好地解决我的用例问题。

• Alternative to ng-show/-hide or how to load only relevant section of DOM
• what is the difference between ng-if and ng-show/ng-hide
• When to favor ng-if vs. ng-show/ng-hide?

我理解两个指令之间的差异，但是对于具有许多条件UI元素的应用程序（内容，工具栏按钮，下拉列表，表单字段等 - 其中一些在ngRepeats中），这是更好的选择 - ngShow或ngIf？当用户导航应用程序并将不同的内容加载到UI中时，将评估这些条件，以便定期进行，而不是像用户首选项或权限那样进行一次。此外，有条件显示的大部分内容都包含{{bindings}}。我ngShow关注额外手表的数量，而大量的DOM操作让我关注ngIf。

这种情况是否有最佳做法或指导？是否存在一个对另一个有意义的阈值？或者仅仅是试图确定每个人的绩效影响（说起来容易做多）？

Answer 1

如果可能，请始终使用ng-if。如果您有绑定，则不得监视不在DOM中的内容。因此它表现更好。 仅在

时使用ng-show

1. 您在DOM元素上有复杂的事件处理程序，可以隐藏
2. 隐藏/显示值经常变化（DOM操作很昂贵）