Angularjs 中的 controller

接触过程序开发的小伙伴们对 MVC 的开发方式想必一点也不陌生，是的， angularjs 所採用的方式便是 MVVM 的开发方式，这里的 controller 即控制器

了解 controller

The ngController directive attaches a controller class to the view. This is a key aspect of how angular supports the principles behind the Model-View-Controller design pattern.

译文：

ngController 是关注于视图 controller 的一个指令

指令的基本信息

This directive creates new scope.
This directive executes at priority level 500.

译文：

指令会创建一个 scope 即作用域

什么时候使用 controller

当我们须要一个新的模块而且不希望它跟其它模块的数据产生冲突的情况下。我们就能够使用一个 ngController 来独立这一块的内容，比方我们的文章正文模块能够使用 ng-controller=”AricleController”。而文章中的评论模块则能够使用 ng-controller=”CommentController” 来完毕

<script type="text/javascript"> $(function () { $('pre.prettyprint code').each(function () { var lines = $(this).text().split('\n').length; var $numbering = $('

').addClass('pre-numbering').hide(); $(this).addClass('has-numbering').parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($('
• ').text(i)); }; $numbering.fadeIn(1700); }); }); </script>

---

进阶学习

如果你觉得本文有帮助，以下资源可以帮你深入学习：

• Android开发高手课
  ‍ 张绍文 | 突破Android开发进阶瓶颈