*ngif 和 显示隐藏的区别
来源:互联网 发布:metro win8 源码 编辑:程序博客网 时间:2024/05/29 04:20
1.
当隐藏子树时,它仍然留在 DOM 中。 子树中的组件及其状态仍然保留着。 即使对于不可见属性,Angular 也会继续检查变更。 子树可能占用相当可观的内存和运算资源。
当NgIf为false时,Angular 从 DOM 中物理地移除了这个元素子树。 它销毁了子树中的组件及其状态,也潜在释放了可观的资源,最终让用户体验到更好的性能。
2.
防范空指针错误
ngIf指令通常会用来防范空指针错误。 而显示/隐藏的方式是无法防范的,当一个表达式尝试访问空值的属性时,Angular就会抛出一个异常。
当隐藏子树时,它仍然留在 DOM 中。 子树中的组件及其状态仍然保留着。 即使对于不可见属性,Angular 也会继续检查变更。 子树可能占用相当可观的内存和运算资源。
当NgIf为false时,Angular 从 DOM 中物理地移除了这个元素子树。 它销毁了子树中的组件及其状态,也潜在释放了可观的资源,最终让用户体验到更好的性能。
2.
防范空指针错误
ngIf指令通常会用来防范空指针错误。 而显示/隐藏的方式是无法防范的,当一个表达式尝试访问空值的属性时,Angular就会抛出一个异常。
这里我们用NgIf来保护了两个<div>防范空指针错误。 currentHero的名字只有当存在currentHero时才会显示出来。 而nullHero永远不会显示。
<div *ngIf="currentHero">Hello, {{currentHero.name}}</div>
<div *ngIf="nullHero">Hello, {{nullHero.name}}</div>
阅读全文
0 0
- *ngif 和 显示隐藏的区别
- angular2的ngfor和ngif指令嵌套
- *ngFor 和 * ngIf
- angular2 *ngIf的用法
- javaScript隐藏与显示visibility和display属性的区别
- Iframe的隐藏和显示
- div的显示和隐藏
- table 的隐藏和显示
- 菜单的隐藏和显示
- 表单的隐藏和显示
- DIV 的显示和隐藏
- IFrame的显示和隐藏
- EditText的显示和隐藏
- 工具栏的显示和隐藏
- div的显示和隐藏
- 状态栏的显示和隐藏
- div的显示和隐藏
- tabbar的隐藏和显示
- linux 编译链接
- Android 获取视频(本地、网络)的第一关键帧
- 炉石传说卡
- 常见的亮灭屏流程分析
- iOS开发
- *ngif 和 显示隐藏的区别
- C/C++:二叉树的各种遍历(前序,中序,后序,层次)(一)
- 欢迎使用CSDN-markdown编辑器
- kotlin初探mvp架构
- 浅谈socket同步和异步、阻塞和非阻塞、I/O模型_php技巧
- 分享几个好看的Bootstrap后台管理响应式模板
- MapperScannerConfigurer在mybatis-spring的妙用
- 论文:Fast R-CNN
- Pyhton,Tkinter,剪刀石头布小游戏,可视化