angularjs指令系统系列课程(4):作用域Scope

时间:2023-03-08 19:25:24
angularjs指令系统系列课程(4):作用域Scope

指令的scope对象是一个很重要,很复杂的对象,我们这一节作为重点讲解

可取值:

  1.false(默认),

  2.true,

  3.{}(object)

  1.false:默认值,不创建新的作用域

  2.true:指令新建一个子作用域

  3.json对象,完全独立的作用域

一.绑定策略

  1.@Attr

    01.父scope更改影响子scope对象

    02.子scope对象不影响父scope

    03.子scope对象修改后一样会受父scope改变而改变

    04.

      001.外部变量变化,username

      002.外部变量=》绑定到指令元素的属性上 a-attr="{{username}}"

      003.指令的属性=》指令内部的变量上 scope:{usercons:'@aAttr'}

      004.影响到内部属性的变化

  2.=Attr

    01.子scope和父scope互通的属性,任意一方修改都会影响到对方

  3.&Attr

    01.可以在独立的子scope里直接调用父scope对象的方法