angular指令的@ = &

摘要: @ = & 简单粗暴

众所周知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方法里