【AngularJS】Controller

简介:

理解控制器

在Angular中,一个容器就是一个JavaScript构造函数,用来增强Angular Scope。

当一个控制器通过ng-controller指令绑定到DOM,Angular就会实例化一个新的控制器对象,使用特定的控制器的构造函数。一个child scope就创建好了,这个child scope通过$scope参数传递给控制器构造函数。

使用控制器:

  设置$scope对象的初始状态(例如一些赋初始值。)

  给$scope对象添加行为

不要使用控制器:

  操作DOM:控制器应该仅包含业务逻辑。把任何的presentation logic放到controllers中就会影响可测试性。Angular可以用data-binding和指令来封装DOM操作,足以处理大部分情况了。

  格式化输入:使用angular form controls来实现。

  格式化输出:使用angular filters来实现。

  在控制器之间共享代码或状态:使用angular services来实现。

  管理其他组件的生命周期(例如创建一个service实例)

设置$scope对象的初始状态

一般,当创建一个应用时,你要设置Angular scopescope对象的初始状态。通过绑定属性到scope对象来设置scope的初始状态。属性包含view model 视图 模型(用视图展示出来的模型)。

下面的例子展示了创建一个GreetingController,绑定greeting属性(包含字符串hola)到$scope。



本文转自ZH奶酪博客园博客,原文链接:http://www.cnblogs.com/CheeseZH/p/4429638.html,如需转载请自行联系原作者

相关文章
|
JavaScript
AngularJs错误http://errors.angularjs.org/1.2.9/$injector/unpr?p0=...
AngularJs错误http://errors.angularjs.org/1.2.9/$injector/unpr?p0=...
93 0
|
Java C#
angularJS学习小结——service
angularJS学习小结——service
99 0
|
监控 JavaScript 前端开发
|
JavaScript 前端开发
|
Web App开发 JavaScript 前端开发
|
JavaScript 前端开发 移动开发
|
监控 JavaScript 前端开发
|
JavaScript 程序员 前端开发