AngularJS 控制器 controller的详解
2017-10-17 16:20
645 查看
AngularJS 控制器 controller的详解
一、控制器概念
控制器在Angualrjs 中的作用是增强视图,并且是一个函数,用来向视图的作用域中添加额外的功能。我们用它来给作用域对象设置初始状态,并添加自定义行为。
当我们在页面上创建一个新的控制器是,angularjs会生成并传递一个新的$scope给这个控制器。可以在这个控制器里初始化$scope,由于angularjs会负责处理控制器的实例化过程。
列子:
var app=angular.module("myApp",[]) app.controller("FirstController",function($socpe){ $scope.name="Hello" })
二、控制器的注意事项
1.控制器可以将与一个独立视图相关的业务逻辑封装在一个独立的容器中。尽可能的精简控制器是很好的做法。作为angularjs开发者,使用依赖注入来访问服务可以实现这个目的。
2.angularjs同其他JavaScript框架最主要的一个区别就是,控制器并不适合用来执行DOM操作、格式化或数据操作,以及除存储数据模型之外的状态维护操作。他只是视图和$scope之间的桥梁。
如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
您可能感兴趣的文章:
- AngularJS控制器controller正确的通信的方法
- AngularJs学习第五篇从Controller控制器谈谈$scope作用域
- AngularJS控制器controller给模型数据赋初始值的方法
- 详解Angularjs在控制器(controller.js)中使用过滤器($filter)格式化日期/时间实例
- AngularJS利用Controller完成URL跳转
- Angularjs中controller的三种写法分享
- angularJS+requireJS实现controller及directive的按需加载示例
- Angularjs的Controller间通信机制实例分析
- AngularJS实现controller控制器间共享数据的方法示例
相关文章推荐
- 详解Angularjs在控制器(controller.js)中使用过滤器($filter)格式化日期/时间实例
- AngularJs学习第五篇从Controller控制器谈谈$scope作用域
- AngularJS控制器controller通信方法
- AngularJs自定义指令详解(6) - controller、require
- AngularJs自定义指令详解(6) - controller、require
- AngularJS控制器controller如何通信?
- 详解AngularJS控制器的使用
- AngularJS进阶(九)控制器controller之间如何通信
- AngularJS控制器controller,model
- AngularJS 控制器 ng-controller
- AngularJS入门教程之控制器详解
- [置顶] 跟我学AngularJs:Controller数据共享、继承、通信使用详解
- AngularJS控制器之间的数据共享及通信详解
- AngularJS控制器之间的通信方式详解
- AngularJS进阶(九)控制器controller之间如何通信
- AngularJs—控制器 <controller>
- 详解Asp.Net MVC――控制器与动作(Controller And Action)
- AngularJs:Controller数据共享、继承、通信使用详解
- Zend Framework教程之前端控制器Zend_Controller_Front用法详解
- AngularJS杂记6----ng-controller运用详解(案例)