AngularJS 指令的 Scope (作用域)

Posted 2020-09-26

指令被创建AngularJS为我们指令的scope参数提供了三种选择，分别是：false,true,{}；默认情况下是false。

1.scope = false，在这种情况下，在指令模板中可以直接使用父作用域中的变量,创建的指令和父作用域（其实是同一个作用域）共享同一个model模型，所以在指令中修改模型数据，它会反映到父作用域的模型中。

2.scope = true,当把scope属性设置为true时，这表明我们创建的指令要创建一个新的作用域，这个作用域继承自我们的父作用域,它和父作用域不是同一个作用域。

3.将scope设置为{}时，意味着我们创建的一个新的与父作用域隔离的新的作用域,传入特殊的前缀标识符（即prefix），来进行数据的绑定。

  @单项绑定的前缀标识符

  = 双向数据绑定前缀标识符

&绑定函数方法的前缀标识符