深入理解 AngularJS 的 Scope
2020-02-17 04:42
549 查看
转载地址:点击打开链接
一、遇到的问题
问题发生在使用 AngularJS 嵌套 Controller 的时候。因为每个 Controller 都有它对应的 Scope(相当于作用域、控制范围),所以 Controller 的嵌套,也就意味着 Scope 的嵌套。这个时候如果两个 Scope 内都有同名的 Model 会发生什么呢?从子 Scope 怎样更新父 Scope 里的 Model 呢?
这个问题很典型,比方说当前页面是一个产品列表,那么就需要定义一个 ProductListController
function ProductListController($scope, $http) { $http.get('/api/products.json') .success(function(data){ $scope.productList = data; }); $scope.selectedProduct = {}; }
你大概看到了在 Scope 里还定义了一个 selectedProduct 的 Model,表示选中了某一个产品。这时会获取该产品详情,而页面通过 AngularJS 中的 $routeProvider 自动更新,拉取新的详情页模板,模板中有一个 ProductDetailController
转载于:https://my.oschina.net/weiqinxue/blog/725296
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- AngularJS入门教程:日期格式化
- angularjs ui-view替换掉父标签
- 求助angular.js
- angularjs出现[ng:areq]错误
- angularJS可以实现常常看到购物车中的升序降序效果
- angular2 tutorial
- 安装typescript和angular以及相关环境变量配置
- angularjs 日期格式化
- Angular js 学习之filter 过滤器
- Angular路由参数传递
- Angular学习笔记—Rxjs、Promise的区别
- Angular学习笔记—创建一个angular项目
- Angular学习笔记—基础(转载)
- Angular4中常用管道(转载)
- 《AngularJS》5个实例详解Directive(指令)机制
- angularJs 变量会有类型之分
- 前端随心记---------AngularJS 基础学习1.0
- AngularJS 创建一个简单可交互的控件(一)
- [AngularJS] 理解AngularJS Directive中的Scope
- [Angular] [formControl] 多个formControl的消息传递