『AngularJS』一点小小的理解

AngularJS 是一个前端的以Javascript为主的MVC框架。与AngularJS相类似的还有EmberJS。

随着时代在进步，各种各样的开发理念与开发框架不断的提出与发展，而就目前来说，除了游戏、IM（类似QQ）、Office这类软件之外，新出的软件应用开始出现两个方向，一个是以Web为主的Web APP，一个是以移动端为主的移动APP。且，现有也有一种声音认为Web APP早晚会取代移动端原生APP，从而一统计算机软件的应用方式。暂且不论这种说法是否会成为现实，Web APP的火爆可见一斑。

三年前，我编写的Web软件，还都是以后台为主，前台顶多用一下jQuery来进行几个简单的动态效果。两年前，我接触ExtJS，知道还有这么一种Javascript框架能够实现完整的UI订制，从而只需要使用Ajax传数据就可以了。

现在（实际上已经出来很长时间了），我了解到EmberJS以及AngularJS这种将前端的UI构建过程拆分为之前只在后端使用过的MVC的模式。从另一个角度说，现在是把原先的MVC中的V再度拆分一个MVC的应用。

所以，我认为，无论从哪个角度来考虑，单独的将Angular提出来，进行思考和学习是很有必要的。

AngularJS是什么？

AngularJS是一个由Google支持的Web App前端MVC框架。

AngularJS包括什么？

从AngularJS的官方文档中看到，它主要包括如下几个概念：

Template —— 模板
Directive —— 指令
Filter —— 过滤器
Controller —— 控制器
Scope —— 范围
Service —— 服务
Module —— 模块

Template Directive Filter这三个主要与“视图”有关。 Controller Scope Service这两个主要与“控制器有关”。 Module用于结构化项目。

注意：就像上面看到的那样，在AngularJS中，没有找到有关Model层的东西！

下面是对各个概念的理解以及如何应用的想法。

Directive是一种属性，写在HTML标签当中，用户标识出模板中一些特殊的东西。比如用于显示“部分模板”的<div ng-view></div>。
Filter根据官网的解释，是用于控制视图中的元素如何显示，或者说显示成什么样的。
Template是视图层的具体载体，在Template中可以写一些辅助的逻辑，如ng-if等
Controller是控制器，根据官方文档的建议，不应该在Controller中写太复杂的东东，在控制器中只写有关业务逻辑的就可以了。
Scope，这个东西在看控制器的介绍的时候看到，在个人理解来看，应该是主要用于进行视图与控制器的数据操作，或者认为是用于打通视图层与控制器的一个东东。
由于文档中写到，不建议在控制器中写太复杂的逻辑，所以我们应该把所有的可供复用的逻辑写到Service（服务）当中。然后我们可以利用AngularJS框架本身的DI（依赖注入）功能将Service注入到具体的控制器中。
Module，这个东西类似Java的类库的概念，我们写的所有的控制器、过滤器、服务等都得加到Module中，没什么好说的~

这里要注意一个问题——模型。

按照个人的理解，不论AngularJS再怎样，其数据的直接来源还是服务器，而服务器传数据的话，现在比较流行使用JSON格式，所以，就模型层来说，我们只要利用Service从服务器中获取数据，然后将其解析给在Controller中对应的Scope就行了。剩下的就是AngularJS内部处理，将数据自动绑定到前台了~

参考：