对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父子集作用域的实例讲解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持创新互联。