ng-if | ng-show | ng-hide的使用场景
来源:互联网 发布:淘宝仓库工作流程 编辑:程序博客网 时间:2024/05/20 16:11
理论知识:
1。ng-if、ng-show、ng-hide三种指令都是用于控制dom元素的显示与隐藏;
2。ng-show与ng-hide指令的用法相反,但原理相同,即都是通过控制css样式的display属性来达到显示隐藏的目的。
3。ng-if指令通过在dom中生成或移除html元素的方式来实现动态的显示隐藏。同时,ng-if会开辟新的作用域,若要绑定到父作用域中,应使用$parent绑定数据。
4。ng-show与ng-hide会保留上次页面的状态,因为是同一个作用域,页面数据自然不会丢失。
5。ng-if由于开辟了新的作用域,每次都是一个全新的页面,不会保留上次的页面状态。
使用场景:
应根据这三种指令的不同特性结合具体的业务场景来选择最合适的指令。
阅读全文
0 0
- ng-if | ng-show | ng-hide的使用场景
- 使用了ng-repeat 后的样式显示 ng-class 、ng-hide ng-show ng-if ng-style
- ng-show,ng-hide,ng-if指令
- ng-if ng-show ng-hide 区别
- ng-if与ng-show、ng-hide指令的区别
- ng-if、ng-show和ng-hide指令的区别
- ng-if,ng-show,ng-hide的区别
- ng-show和ng-if的区别和使用场景
- ng-show/ng-hide
- ng-show ; ng-hide
- AngularJS的学习--ng-show/ng-hide/ng-if和ng-switch
- AngularJS的学习--ng-show/ng-hide/ng-if和ng-switch
- ng-if和ng-show、ng-hide区别
- React实现Angularjs ng-show、ng-if和ng-hide
- angularjs ng-if ng-show ng-hide区别
- AngularJS – Conditional Display using ng-show / ng-hide, ng-if, ng-include, ng-switch
- angular.js里的ng-show,ng-hide与ng-if的区别
- (十四)ng-if与ng-show、ng-hide指令的区别和注意事项
- HDU 1686 Oulipo(KMP)
- 单例模式
- Android自定义通用适配器
- 后台实现fancytree遍历节点数据
- Android图片加载框架最全解析(二),从源码的角度理解Glide的执行流程
- ng-if | ng-show | ng-hide的使用场景
- Openstack Rally测试方法
- 使用RDD解决spark TopN问题:分组、排序、取TopN
- 《kubernetes-1.8.0》07-addon-kubedns
- 原生js实现轮播的小demo
- 【学习笔记】Google JobScheduler Demo的学习与运用
- 装饰模式
- 通过ajax和json进行表单验证(异步加载)
- 如何指定TMemo或TRichEdit的制表符的长度