angular学习笔记(十二)-控制器
2014-05-10 12:23
309 查看
本篇主要介绍控制器:
控制器在前面的例子中已经大量的用到,它的作用主要是:
控制某块视图,通过$scope向这块视图提供数据,函数,并且监视需要被检测的部分,当发生变化时,做出相应的动作,从而起到控制该部分视图的作用
为了保持控制器的最小化和可管理,应该为视图中的每个功能都创建一个控制器,比如,有一个菜单,就创建一个menuController,有一个导航,就创建一个NavController...
控制器可以内嵌,比如:
可以得到正确的视图:
如果我们把这句话注释掉:
------------------------------------------------------------------------------------------------------------------------------------------------------------
遗留问题:
当一个视图有多个功能的时候,没有办法为一个div添加两个控制器,虽然控制器可以嵌套,但不能错位嵌套,比如:
<div ng-controller="controllerOne">
<div ng-controller="controllerTwo">
</div>
</div>
另外,还有一个"视图+路由"的方法,将在后面介绍.不知道是否能够解决这些问题.
控制器在前面的例子中已经大量的用到,它的作用主要是:
控制某块视图,通过$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>
另外,还有一个"视图+路由"的方法,将在后面介绍.不知道是否能够解决这些问题.
相关文章推荐
- java之jvm学习笔记十二(访问控制器的栈校验机制)
- Angular学习笔记(十二)之管道
- java jvm学习笔记十二(访问控制器的栈校验机制)
- angular控制器之间的通信(学习笔记)
- java之jvm学习笔记十二(访问控制器的栈校验机制)
- Angular.js学习笔记(二)
- iOS开发基础学习笔记——导航控制器2->导航栏(UINavigationBar)/工具栏(toolBar)/导航元素按钮(UINavigationItem)
- 模型-视图-控制器——系统结构模式学习笔记
- MySQL学习笔记十二:数据备份与恢复
- Asp.net控件开发学习笔记(十二)----数据绑定
- 西门子PLC学习笔记十二-(转换与比较指令)
- angular学习的一些小笔记(中)之ng-init
- angular学习笔记(十五)-module里的'服务'
- android 开发零起步学习笔记(十二):android监听事件添加动作的三种方式
- Xcode9学习笔记17 - 导航视图控制器UINavigationController
- Laravel5.1学习笔记4 控制器
- 流媒体技术学习笔记之(十二)Linux(Ubuntu)环境运行EasyDarwin
- Programming Computer Vision with Python (学习笔记十二)
- CodeIgniter学习笔记三:扩展CI的控制器、模型
- Angular2 学习笔记