首页 / ANGULAR / 深入理解 AngularJS 的 Scope

深入理解 AngularJS 的 Scope

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了深入理解 AngularJS 的 Scope，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含910字，纯文字阅读大概需要2分钟。

内容图文

一、遇到的问题

问题发生在使用 AngularJS 嵌套 Controller 的时候。因为每个 Controller 都有它对应的 Scope（相当于作用域、控制范围），所以 Controller 的嵌套，也就意味着 Scope 的嵌套。这个时候如果两个 Scope 内都有同名的 Model 会发生什么呢？从子 Scope 怎样更新父 Scope 里的 Model 呢？

<div ng-app="myApp">
    <div ng-controller="ParentController">
        {{parentPrimitive}}
        <br />
        {{parentObj.parentProperty}}
        <div ng-controller="ChildController">

        </div>
    </div>
</div>
var app = angular.module(‘myApp‘,[]);
app.controller(‘ParentController‘,function($scope){
    $scope.parentPrimitive = "some primitive"
    $scope.parentObj = {};
    $scope.parentObj.parentProperty = "some value";
});
app.controller(‘ChildController‘,function($scope){
    $scope.parentPrimitive = "this will NOT modify the parent"
    $scope.parentObj.parentProperty = "this WILL modify the parent";
});

结果：输出：

some primitive 
this WILL modify the parent

原文：http://my.oschina.net/u/2395167/blog/520595

内容总结

以上是互联网集市为您收集整理的深入理解 AngularJS 的 Scope全部内容，希望文章能够帮你解决深入理解 AngularJS 的 Scope所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1178548.html

来源：【匿名】