何时支持 ng-if 与 ng-show/ng-hide?
我理解ng-show
并ng-hide
影响元素上设置的类,并ng-if
控制元素是否呈现为 DOM 的一部分。
是否有关于选择 /反之亦然的ng-if
指导方针?ng-show``ng-hide
-
取决于您的用例,但总结差异:
ng-if
将从 DOM 中删除元素。这意味着您的所有处理程序或附加到这些元素的任何其他内容都将丢失。例如,如果您将点击处理程序绑定到子元素之一,当ng-if
评估为 false 时,该元素将从 DOM 中删除,并且您的点击处理程序将不再工作,即使ng-if
稍后评估为 true 并显示该元素。您将需要重新附加处理程序。ng-show/ng-hide
不会从 DOM 中删除元素。它使用 CSS 样式来隐藏/显示元素(注意:您可能需要添加自己的类)。这样,您附加到孩子的处理程序就不会丢失。ng-if
创建一个子范围,而ng-show/ng-hide
不是
不在 DOM 中的元素对性能的影响较小,
ng-if
与ng-show/ng-hide
. 根据我的经验,差异可以忽略不计。ng-show/ng- hide
当同时使用和时,动画是可能ng-if
的,在 Angular 文档中都有例子。最终,您需要回答的问题是您是否可以从 DOM 中删除元素?
-
什么时候支持ng-if和ng-show / ng-hide?
2021-02-01 关注 0 浏览108 1答案
-
ng-if和ng-show / ng-hide有什么区别
2021-02-01 关注 0 浏览92 1答案
-
ng-show =“ true”,但仍具有class =“ ng-hide”
2021-02-01 关注 0 浏览82 1答案
-
AngularJS:ng-show / ng-hide 不适用于`{{ }}`插值
2022-07-28 关注 0 浏览8 1答案
-
AngularJS:ng-show / ng-hide不适用于`{{}}`插值
2021-02-01 关注 0 浏览95 1答案
-
为什么从ng-show =“!emptyArray”和ng-hide =“ emptyArray”得到不同的结果?
2021-02-01 关注 0 浏览117 1答案
-
如何使用角度ui路由器进行ng-hide和ng-show视图?
2021-02-01 关注 0 浏览86 1答案
-
在ng-hide / ng-show中是否可能使用复杂的表达式?
2021-02-01 关注 0 浏览81 1答案
-
角ng-if和ng-show组合
2021-01-31 关注 0 浏览90 1答案
-
angular中ng一if和ng-show/hide 有什么区别?
2020-01-14 关注 0 浏览456 1答案