我正在处理的代码具有以下内容:
<div ng-if="cos.connectMessage" style="text-align: center;" class="ng-scope">
Unable to establish a connection to the localhost server for 5 minutes.</div>
使用ng-show或ng-if控制此消息的可见性有什么好处?
表演的
ngShow指令根据提供给ngShow属性的表达式显示或隐藏给定的HTML元素。通过删除.ng-hide CSS类到该元素上,可以显示或隐藏该元素。(参考)
如果
ngIf指令会根据{expression}移除或重新建立DOM树的一部分。如果分配给ngIf的表达式的值为假,则将元素从DOM中删除,否则将元素的克隆重新插入DOM中。(参考)
注意:当ng-if删除该元素时,它也会同时删除该元素的关联范围,并在条件变为true时重新创建该范围。
优势
我更喜欢使用ng-if,特别是当绑定在元素内的观察者数量更多时,因为它将完全破坏范围,因此使UI更快。但是对于较小的元素或包含较少观察者的元素,删除范围并重新创建范围确实会产生开销。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句