ng-if或ng-show隐藏和显示DIV?

艾伦2

我正在处理的代码具有以下内容:

<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控制此消息的可见性有什么好处?

杰尼什·拉巴迪亚(Jenish Rabadiya)

表演的

ngShow指令根据提供给ngShow属性的表达式显示或隐藏给定的HTML元素。通过删除.ng-hide CSS类到该元素上,可以显示或隐藏该元素。参考

如果

ngIf指令会根据{expression}移除或重新建立DOM树的一部分。如果分配给ngIf的表达式的值为假,则将元素从DOM中删除,否则将元素的克隆重新插入DOM中。参考

注意:当ng-if删除该元素时,它也会同时删除该元素的关联范围,并在条件变为true时重新创建该范围。

优势

我更喜欢使用ng-if,特别是当绑定在元素内的观察者数量更多时,因为它将完全破坏范围,因此使UI更快。但是对于较小的元素或包含较少观察者的元素,删除范围并重新创建范围确实会产生开销。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章