angualrjs 指令之scope
来源:互联网 发布:胜达seo 编辑:程序博客网 时间:2024/05/22 15:38
- 默认 (
scope: false
) - directive使用原有作用域,所以也不存在原型继承,这种方式很简单,但也很容易出问题——除非该directive与html不存在数据绑定,否则一般情况建议使用第2条方式。 scope: true
- directive创建一个子作用域, 并且会从父作用域进行原型继承。 如果同一个DOM element存在多个directives要求创建子作用域,那么只有一个子作用域被创建,directives共用该子作用域。scope: { ... }
- directive创建一个独立的“Isolate”作用域,没有原型继承。这是创建可复用directive组件的最佳选择。因为它不会直接访问/修改父作用域的属性,不会产生意外的副作用。这种directive与父作用域进行数据通信有如下四种方式(更详细的内容请参考Developer Guide):- = or =attr “Isolate”作用域的属性与父作用域的属性进行双向绑定,任何一方的修改均影响到对方,这是最常用的方式;
- @ or @attr “Isolate”作用域的属性与父作用域的属性进行单向绑定,即“Isolate”作用域只能读取父作用域的值,并且该值永远的String类型;
- & or &attr “Isolate”作用域把父作用域的属性包装成一个函数,从而以函数的方式读写父作用域的属性,包装方法是$parse,详情请见API-$parse;
“Isolate”作用域的
__proto__
是一个标准Scope object (the picture below needs to be updated to show an orange 'Scope' object instead of an 'Object'). “Isolate”作用域的$parent同样指向父作用域。它虽然没有原型继承,但它仍然是一个子作用域。
0 0
- angualrjs 指令之scope
- angualrjs $scope 详细分析
- AngualrJS中的scope
- [angular]指令之1scope
- angular指令理解之scope
- AngualrJS(十三)改变$scope的值
- AngualrJS学习(十) ng指令
- AngualrJS常用指令的使用
- AngualrJS之服务器端通信
- angualrjs之注册页面
- Angular自定义指令之scope属性详解及实例演示
- 改变指令的Scope
- 指令中的scope
- Angualr指令中的scope
- AngualrJS的学习记录(三)一一AngularJS指令小结
- angualrJS之checkbox默认选中项实例
- angualrJS之checkbox默认选中项实例
- anglular 自定义指令scope =
- NS2的运行机制
- android 进入页面隐藏输入法
- 微信公众平台消息接口PHP版开发教程
- 段错误解决办法
- UIView 上有多个UITextfield 快捷隐藏键盘 的3中方法
- angualrjs 指令之scope
- BI工具:tableau桌面版 视频学习笔记(三、聚合)
- C++学习笔记 --- 析构函数
- PAT (Advanced) 1078. Hashing (25)
- codeforces224A
- JSTL的forEach标签和catch标签
- jni实现C语言调用Java程序
- 如何用svn进行更新和提交
- qf_pool.c