AngularJS技术介绍

AngularJS是一个用JavaScript编写的客户端MVC框架。它依赖一个web浏览器运行并且很大程度上帮助开发人员编写现代化，具有Ajax风格的单页面web应用。它是一个通用的框架，尤其适合编写包含大量CRUD(增删改查)操作的web应用。

双向数据绑定

大多数传统的模板系统对模板的渲染都是一个线性单向的过程：模型(变量)和模板混合在一起产生一个结果集。模型上的任何改变都需要模板的重新计算。AngularJS有所不同，任何由用户引发的视图的改变都会立即映射到模型上，任何模型上的改变也会马上传播到模板上。

模型

 AngularJS的模型就是一个普通的JavaScript对象。我们不需要去扩展任何框架的底层类,也不需要用任何特别的方式构造任何模型对象。可以在模型层使用任何存在的纯JavaScript类和对象。模型可拥有的属性也不仅限于原始值，任何有效的JavaScript对象或者数组都是可以的。只要将模型简单地指派给$scope,AngularJS就可以确认它的存在。

作用域

AngularJS的$scope对象是一个视图(模板)的域模型。通过为scope实例的属性赋值，我们可以传递新的数据去渲染模板。作用域可以加入与模板相关的数据和功能。我们可以在一个作用域实例上定义方法封装UI交互逻辑供模板使用。

$scope对象允许我们精确地控制哪些数据和操作是在视图层上是有效的。从概念上讲，AngularJS的作用域和MVVM模式的视图模型很像。

指令

指令可以说是AngularJS里面最有用的功能。它们是粘合程序逻辑与HTML DOM的胶水。下面的图说明了指令如何将AngularJS的各层架构粘合在一起。

指令通过扩展和定义浏览器处理HTML的行为，让应用的开发人员或者设计师集中精力在应用的交互逻辑和页面显示，指令使用的声明式风格，而不是低级的通过编程和DOM进行交互。这让开发进度更快，更易于维护而且最重要的是让开发过程更有趣。

Promise和RESTful

大多数AngularJS异步服务都依靠Promise API来提高优雅的接口。$http就非常依赖Promise所以我们必须考察AngularJS中实现Promise的过程。我们了解到$q服务提供了通用的Promise API，进去和渲染机制紧密结合。对它有一个良好的理解可以让我们完全理解了$http方法的返回值。

AngularJS可以很容易地与RESTful端点进行通信。专用的$resourse工厂让编写与RESTful后端交互的代码变得非常轻松。尽管$resourse工厂十分方便，但它非常通用，因此不一定能完全覆盖你的需求。基于$http API,我们应该用于创建自定义的，类似$resourse的方法。

拦截器

AngularJS内置的$http服务允许我们注册拦截器，它将在每个请求前后执行。这样的拦截器在我们需要对大量（不可能是所有）请求进行特殊处理时非常有用。

拦截器是一个函数，它接受原始请求的promise对象作为参数，并返回一个将履行成为拦截结果的承诺。在这里会检查errResponse.sttatus以确定其是否处于需要恢复的错误条件下，如果确实如此，则返回来自新$http调用的promise，而且这个调用和原始请求有一样的配置对象。如果拦截到不能处理错误，则简单地将错误传播出去就行了（$q.reject()方法）。