<pre>
http://www.lovelucy.info/understanding-scopes-in-angularjs.html
http://blog.csdn.net/jfkidear/article/details/48463899
http://www.angularjs.cn/A09C 子控制器内如何访问父控制器中的变量?
若要访问变量名在子作用域中没有,那么$scope.aaa会找到父中进行访问。 在 AJS 里 子 Scope 会继承父 Scope 中的对象,但当你对基本数据类型(string, number, boolean)的 双向数据绑定 时,
就会出现一个问题:
继承并不像你想象的那样工作。子 Scope 的属性隐藏(覆盖)了父 Scope 中的同名属性,对子 Scope 属性(表单元素)的更改并不更新父 Scope 属性的值。
这个行为实际上不是 AngularJS 特有的,JavaScript 本身的原型链就是这样工作的。开发者通常都没有意识到 ng-repeat, ng-switch, ng-view 和 ng-include 统统都创建了他们新的子 scopes,
所以在用到这些 directive 时也经常出问题。
二、解决的办法 (子和父都用obj,且为不同的obj名字,若为一样obj名字,子只会访问自己的obj,改不了父的obj)
解决的办法:不使用基本数据类型,而在 Model 里永远多加一个点。。
也就是说:子作用域中使用对象+属性。如 子$scope.obj.a = 父$scope.obj.a
eg:
html: "在子控制器中"
使用 < input ng-model="obj2.pUser"/> 来替代 < input type="text" ng-model="pUser">
ajs:
$scope.obj2={
pUser:$scope.msg.a //$scope.msg在子中无此对象,在父控制器中有。
}; </pre>
<script src="angular-1.3.0.js"></script>
<div ng-controller="OparentController as pCtrl">
<p>直接访问父控制器的值:{{user}}</p>
<div ng-controller="OchildController as cCtrl">
<p>嵌套如何访问。。父控制器的值:失败:<input ng-model="pUser"/>成功:<input ng-model="obj2.pUser"/></p>
<p>子控制器的值:{{user}}</p>
<button ng-click="modiV()">clk:子控制器内修改父控制器内(作用域)的值</div>
</div>
</div>
<script>
var a10086=angular.module('a10086',[]);
a10086.controller('OparentController',function($scope){
$scope.user='parent_李四';
$scope.msg={a:'parent_李四',b:4,c:[1,34]};
}).controller('OchildController',function($scope){
$scope.user='child_张三';
$scope.pUser=$scope.msg.a;
$scope.obj2={
pUser:$scope.msg.a
};
$scope.modiV=function(){
$scope.msg.a="parent_李四 is modify";
$scope.obj2.pUser="parent_李四 is modify---obj";
console.log('子控制没有msg,才顺着原型链修改了:',$scope.msg, $scope.pUser);
}
});
</script>

angularjs 嵌套控制器,子控制器访问父控制器的更多相关文章

  1. 子窗口访问父页面iframe中的iframe,top打开的子窗口访问父页面中的iframe中的iframe

    子窗口访问父页面iframe中的iframe 子窗口访问最顶层页面中的iframe中的iframe top打开的子窗口访问父页面中的iframe中的iframe top打开的子窗口访问最顶层页面中的i ...

  2. c# winform 子窗体访问父窗体中的方法和变量

    今天的工作中突然用到这个了,不过以前没有接触过呢!不过,在有经验的同事的帮助下,这个问题也很快解决了.具体可以分为以下几种方式: 1.在父窗体中构造子窗体对象时,将父窗体传递过去: 如:FrmSub ...

  3. react 子组件访问父组件的方法

    回调函数(推荐) 地址:https://ourcodeworld.com/articles/read/409/how-to-update-parent-state-from-child-compone ...

  4. JavaScript从父页面获取子页面的值(子页面又如何访问父页面)

    之前还真没做过类似的东西,,top页面获取子页面的document.. 在百度搜了下即找到这个东东,还好,能用. 主要就是使用 contentWindow方法,获取子页面的所有document,再做处 ...

  5. 后盾网lavarel视频项目---3、lavarel中子控制器继承父控制器以判断是否登录

    后盾网lavarel视频项目---3.lavarel中子控制器继承父控制器以判断是否登录 一.总结 一句话总结: 在common控制器的构造方法中验证登录中间件,其它的控制器继承common控制器 p ...

  6. thinkphp 访问其它控制器模板

    默认的访问该方法对应得模板:$this->display() 访问其它控制器模板:$this->display(‘控制器名/方法’)

  7. Yii2中限制访问某控制器的IP(IP白名单)

    有关Yii2.0鉴权之访问控制过滤器参考这篇文章  http://www.yiiframework.com/doc-2.0/guide-security-authorization.html 这里主要 ...

  8. CONTROLLER_NAME 常量 当前访问的控制器

    CONTROLLER_NAME 常量 当前访问的控制器

  9. 4.功能三:实现URL地址栏控制(15分) (1)获取到当前访问的控制器和方法(5分) (2)对当前访问的控制器和方法进行判断,有权限继续访问(5分) (3)无权限给出提示(5分)

    <?php namespace app\admin\controller; use think\Controller; use think\Request; class Base extends ...

随机推荐

  1. HTML 字符图案

    Dog: <!-- :: :;J7, :, ::;7: ,ivYi, , ;LLLFS: :iv7Yi :7ri;j5PL ,:ivYLvr ,ivrrirrY2X, :;r@Wwz.7r: : ...

  2. Bash:-:-通过awk获取文本变量的赋值

    txt格式: ... logport='13000' sessionport='23000' ... ######################## 只获取logport的赋值13000 awk ' ...

  3. wf(五)

    测试工作流: 运用wf(四)的solution: 创建单元测试项目: 1.选择HelloWorkflow解决方案,右键选择添加新建项目:选择单元测试模板,命名为HelloWorkflow.Tests. ...

  4. CSU 1597 薛XX后代的IQ

    Description 薛XX的低IQ是个令人头疼的问题,他的队友深受其害.幸运的是,薛XX非常有钱,所以他买了一些可以提高他的后代的IQ的药.这种药有三个属性,A,B和P.当薛XX使用这种药的时候, ...

  5. libevent源码分析:time-test例子

    time-test例子是libevent自带的一个例子,通过libevent提供的定时事件来实现,间隔固定时间打印的功能. /* * gcc -g -o time-test time-test.c - ...

  6. HTML 链接 - href

    链接 在HTML的学习中,链接的标签发挥着很大的作用,HTML 使用超级链接与网络上的另一个文档相连.几乎可以在所有的网页中找到链接.点击链接可以从一张页面跳转到另一张页面. 比如说:实例 创建超级链 ...

  7. java split进行字符串分割

    在java.lang包中有String.split()方法,返回是一个数组 我在应用中用到一些,给大家总结一下,仅供大家参考: 1.如果用"."作为分隔的话,必须是如下写法,Str ...

  8. Linux下查看/管理当前登录用户及用户操作历史记录

    转载自: http://www.cnblogs.com/gaojun/archive/2013/10/24/3385885.html 一.查看及管理当前登录用户 1.使用w命令查看登录用户正在使用的进 ...

  9. Ubuntu 12.04 Virtualbox 启用USB 设备支持

    转载自:http://www.cnblogs.com/ericsun/archive/2013/06/10/3130679.html 具体步骤在上面的链接中 今天在ubuntu下安装了Virtualb ...

  10. WPS 认证机制

    WPS 认证机制 WPS(Wi-Fi Protected Setup,Wi-Fi保护设置)(有的叫做AOSS.有的叫做QSS,不过功能都一致.)是由Wi-Fi联盟组织实施的认证项目,主要致力于简化无线 ...