AngularJS 自定义指令 scope 配置中 @、= 和 & 修饰符的区别大揭秘

在AngularJS中，自定义指令的scope配置中的@、=和&修饰符用于定义指令的属性。 1. @修饰符：用于定义指令的属性是绑定到元素上的属性值。当元素上的属性发生变化时，指令的属性值也会随之发生变化。例如，`<my-directive my-attr="@myValue">`，其中`my-attr`是元素上的属性，`myValue`是指令的属性。 2. =修饰符：用于定义指令的属性是绑定到表达式的值。当表达式的值发生变化时，指令的属性值也会随之发生变化。例如，`<my-directive my-attr="expression">`，其中`expression`是表达式，指令的属性值就是表达式的值。 3. &修饰符：用于定义指令的属性是绑定到一个函数。当指令被创建时，这个函数会被执行，并且函数的this会被设置为指令的scope。&修饰符通常与指令的link方法一起使用，可以将指令的行为与外部的作用域解耦。例如，`<my-directive my-attr="&myCallback()">`，其中`myCallback`是外部的函数，当指令被创建时，这个函数会被执行。 ######[AI写代码神器 | 260点数解答 | 2023-11-09 01:17:32]