对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}}

运行结果：

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

二、继承但不隔离

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

代码：


 
  {{data.name}}
  
   {{data.name}}
  
  
   {{data.name}}

运行结果：

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

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

网页名称：对angularJs中controller控制器scope父子集作用域的实例讲解
转载源于：http://kswjz.com/article/psohhd.html

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

行业动态