AngularJS(十二)控制器
来源:互联网 发布:mac 触摸板 鼠标中键 编辑:程序博客网 时间:2024/06/01 10:26
转载地址:http://www.cnblogs.com/liulangmao/p/3720271.html
本篇主要介绍控制器:
控制器在前面的例子中已经大量的用到,它的作用主要是:
控制某块视图,通过$scope向这块视图提供数据,函数,并且监视需要被检测的部分,当发生变化时,做出相应的动作,从而起到控制该部分视图的作用
为了保持控制器的最小化和可管理,应该为视图中的每个功能都创建一个控制器,比如,有一个菜单,就创建一个menuController,有一个导航,就创建一个NavController...
控制器可以内嵌,比如:
<div ng-controller = "ParentController"> <h3>{{title}}</h3> <div ng-controller = SonController> <h5>{{title}}</h5> <div></div>
function ParentController ($scope){ $scope.title = 'I am ParentController';}function SonController ($scope){ $scope.title = 'I am SonController';}
可以得到正确的视图:
如果我们把这句话注释掉:
//$scope.title = 'I am SonController';
会得到这样的视图:
实际上,控制器的嵌套,就是作用域的嵌套,传递给内嵌控制器呃$scope继承了它父控制器的$scope.
所以SonController的$scope可以访问ParentController的$scope的所有属性和方法
------------------------------------------------------------------------------------------------------------------------------------------------------------
遗留问题:
当一个视图有多个功能的时候,没有办法为一个div添加两个控制器,虽然控制器可以嵌套,但不能错位嵌套,比如:
<div ng-controller="controllerOne">
<div ng-controller="controllerTwo">
</div>
</div>
另外,还有一个"视图+路由"的方法,将在后面介绍.不知道是否能够解决这些问题.
阅读全文
0 0
- AngularJS(十二)控制器
- AngularJs(四)控制器
- AngularJS学习笔记(4)- AngularJS 控制器
- AngularJs控制器说明(一)
- AngularJS 02(控制器01)
- AngularJS入门-(7)控制器
- AngularJS控制器
- Angularjs 控制器
- Angularjs 控制器
- AngularJS 控制器
- AngularJS 控制器
- AngularJS控制器
- AngularJS 控制器
- AngularJS 控制器
- angularJS-----控制器
- AngularJS 控制器
- AngularJS 控制器
- angularJS-控制器
- numpy模块的sin函数实例
- ubuntu cifar-10 报错解决方案
- js md5加密和java md5加密不一致
- HTML5 表单新类型和新属性
- 解决使用专有网络的阿里云服务器无法远程连接的问题
- AngularJS(十二)控制器
- 什么是架构,什么是架构师?
- 怎样从0开始搭建一个测试框架_11——支持方法
- 前台经验---梳理下radio和checkbox的页面获取问题
- js 交换两个元素的位置,动画效果
- 页面内滚动条样式修改
- Java transient关键字
- React Native starter project bundling fails with Unexpected Token error
- Longest Consecutive Sequence