angular独立作用域辨析

默认是共享作用域:




    
    Document


    
    
    


当我们自己创建某个指令时,这个指令肯定不可能只使用一次,是要重复多次使用的,有的在一个页面内或者一个控制器内需要使用多次。
类似上面的这种场景,在任何一个输入框内改变数据,都会导致其他的标签内的数据一同发生改变,这显然不是我们想要的,这个时候就需要独立作用域了。

想转换成独立作用域只需要一行代码:




    
    Document


    
    
    


单向数据绑定:

@操作符,双引号内的内容当作字符串进行绑定




    
    Document


    
    
    


单向绑定,从当前指令的属性中获取到值,然后赋值给当前独立作用域里的这个属性

angular独立作用域辨析_第1张图片
@.jpg

双向数据绑定

=操作符 绑定的是个变量




    
    Document


    
    
    
    


name="abc"这个是核心,左边联结的是独立作用域,右边联结的是外部的作用域里的模型abc

angular独立作用域辨析_第2张图片
![Uploading &_876533.jpg . . .]

使用父作用域的行为

&操作符 绑定的内容是个方法




    
    Document


    
    
    


angular独立作用域辨析_第3张图片
&.jpg

如何看懂:
先不管指令内部是怎么实现的,先看怎么用的,然后看一下对应的父作用域里的变量或方法是怎么定义的。

你可能感兴趣的:(angular独立作用域辨析)