失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > angularjs的自定义directive指令的绑定策略scope:”@” ”=” ””

angularjs的自定义directive指令的绑定策略scope:”@” ”=” ””

时间:2022-05-06 15:15:53

相关推荐

angularjs的自定义directive指令的绑定策略scope:”@” ”=” ””

通常我们知道指令默认是可以跟外界通信的.

比如:

test自定义指令是可以访问到mytest控制器的scope

要想把test自定义指令独立作用域,也就是说跟mytest切断关系:可以加上指令的参数scope:{},这样就能做到互不相干了

但是也不可能完成切断关系,总会有某些东西要互相交互,如果想跟mytest控制器的某个scope属性交互,就要用绑定策略

下面来介绍三种绑定策略的做法

1.@符号

“@”是通过DOM的属性来跟mytest控制器交互绑定一起

重点:

scope : {

name : “@”

}

scope对象声明了一个属性name,然后在DOM元素的属性加上一个name,(注意两边的名字必须要一致)这样就可以进行交互操作

2.=符号

“=”有双重绑定的功能,比如mytest控制器与test子指令进行双重绑定(单个字符串、对象都是有效的)下面代码用对象来演示

3.&符号

“&”的意思是子指令能调用父控制器的方法,这里的指令template元素点击调用控制器的getName方法

源引:

//05/08/angularjs%E7%9A%84%E8%87%AA%E5%AE%9A%E4%B9%89directive%E6%8C%87%E4%BB%A4%E7%9A%84%E7%BB%91%E5%AE%9A%E7%AD%96%E7%95%A5scope%E3%80%81%E3%80%81/

如果觉得《angularjs的自定义directive指令的绑定策略scope:”@” ”=” ””》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。