AngularJS 指令的 Scope (作用域)

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

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

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

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

  @单项绑定的前缀标识符

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

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

 

posted @ 2017-07-03 23:20  老siji  阅读(146)  评论(0编辑  收藏  举报