对angularJs中controller控制器scope父子集作用域的实例讲解

1.ctrl1是父级控制器，ctrl2和ctrl3都是ctrl1的子级控制器，

2.父级ctrl1中name值的改变会影响ctrl2和ctrl3中name值的改变，

3.但是ctrl2有自己的name输入传的值，不会影响ctrl1和ctrl3，这就是继承隔离，

4.ctrl3无name赋值就继承父级ctrl1中的name的值。

一、继承隔离的情况

 

  {{name}}
  

   {{name}}
  
  

   {{name}}
  
 

运行结果：

二、继承但不隔离

在ctrl2中改变name的值，既影响自己的值，也影响父级的值。

代码：

 

  {{data.name}}
  

   {{data.name}}
  
  

   {{data.name}}
  
 

运行结果：

以上这篇对angularJs中controller控制器scope父子集作用域的实例讲解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。