angular指令的@ = &
博客专区 > 北鼻 的博客 > 博客详情
angular指令的@ = &
北鼻 发表于1年前
angular指令的@ = &
  • 发表于 1年前
  • 阅读 19
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

摘要: @ = & 简单粗暴

    众所周知angular指令的优势在与它的重用,和它的灵活性.小弟接触angular不久 指令只写两个,所以对指令的一些东西很是陌生.今天我遇到了一个问题,那就是怎么向指令里的模板传值.我翻箱倒柜的找资料.不看不知道一看吓一跳.这次就说说它们的用法(@ = &).

让controller里的scope值传的指令里.比如controller里有个&scope.name 在指令里加一个参数项(好吧我承认我自己起的名字)和link呀template同级.

scope:{

        name:@或者 = 或者&

    }

@表示   template的{{name}}等于&scope. name

= 表示   tempplate{{name}}和controller里&scope.name双向绑定

&表示     指令调用controller里的name方法.

补充:在使用@ = & 需要在指令调用的地方 申明 如

<div a="b"></div>

controller里给 a 绑定了一个值 如要想要只 directive里使用 那么directive 里申明独立作用域scope { a="@" }  调用的时候直接scope.a就是b的值. "= ,&"同理.

&调用带有参数的函数时 如 <div a="b({t:c})"   ng-model="c"></div> 

意思就是把C的值赋给T 带到b方法里

共有 人打赏支持
粉丝 0
博文 15
码字总数 6780
×
北鼻
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: