angularjs中directive声明scope对象时修饰符解释和用法
来源:互联网 发布:淘宝代销多个地点发货 编辑:程序博客网 时间:2024/06/06 08:59
在angular中我们定义directive方法时,可以看到
return { restrict: 'AE', scope: {}, template: '<div></div>', link: function() {}}
除了代码中出现的属性,还有一些其他的属性可供配置,这里不作详述。
今天我们要说的重点是scope字段。
常规用法设置
scope: { name: '=', age: '=', sex: '@', say: '&'}
假设我们的hml代码如下
<div my-directive name="myName" age="myAge" sex="male" say="say()"></div>
对应的controller部分代码
function Controller($scope) { $scope.name = 'Pajjket'; $scope.age = 99; $scope.sex = '我是男的'; $scope.say = function() { alert('Hello,我是弹出消息'); };}
那这几种修饰符的含义又是什么呢,他们如何关联起来的
”=“:指令中的属性取值为controller中对应$scope上属性的取值,可用于双向数据的绑定
”@“:指令中的取值为html中的字面量/直接量;建立一个local scope property到DOM属性的绑定。因为属性值总是String类型,所以这个值总是返回一个字符串。如果没有通过@attr指定属性名称,那么本地名称将与DOM属性的名称一直。例如<widget my-attr=”hello {{name}}”>,widget的scope定义为:{localName:’@myAttr’}。那么,widget scope property的localName会映射出”hello {{name}}"转换后的真实值。name属性值改变后,widget scope的localName属性也会相应地改变(仅仅单向,与下面的”=”不同)。name属性是在父scope读取的(不是组件scope)
”&“:指令中的取值为Contoller中对应$scope上的属性,但是这属性必须为一个函数回调
0 0
- angularjs中directive声明scope对象时修饰符解释和用法
- angularJs中directive的scope ‘@’,‘=’区别
- AngularJS自定义指令directive:父类scope和指令中scope之间的通信
- AngularJS中$scope用法
- AngularJs directive-scope
- angular中directive的scope用法
- AngularJS学习:directive的scope
- angular directive中scope:{}
- AngularJs:Directive指令用法
- AngularJs:Directive指令用法
- AngularJs:Directive指令用法
- c#中访问修饰符和声明修饰符
- [转]AngularJS Directive 隔离 Scope 数据交互
- AngularJS Directive 隔离 Scope 数据交互
- AngularJS Directive 隔离Scope数据交互
- AngularJS自定义指令directive:scope属性
- AngularJS Directive 隔离 Scope 数据交互
- AngularJS Directive 隔离 Scope 数据交互
- 【实用随记】购物车效果--计算件数总额以及加减效果
- willMoveToParentViewController和didMoveToParentViewCon
- JUnit4 详解(*Djunit目前运行在JDK7会报错)
- Android开发中关于设计模式的总结
- Java NIO 系列教程
- angularjs中directive声明scope对象时修饰符解释和用法
- String,StringBuffer和StringBuild 区别
- Linux内核的early_param原理追踪
- DOM元素
- poj 1811 Prime Test(大素数判定和素因子分解)
- mvc 跳转到另一个controler
- VS 2010 快捷键大全
- hdoj1262 寻找素数对
- 建联合主键报错DB2 Database Error: ERROR [42997] [IBM][DB2/AIX64] SQL0270N Function not supported (Reason c