从es6到AngularJS入门

AngularJS是一个前端框架，入门难度对不同基础的人来说是不同的，这里假设是对es6具有熟练的基础，同时对MVC比较熟练。

AngularJS是一种MVC模式下的前端框架，这本身与js面向过程是有不和谐的地方，但是当用AnguarJS组织前端整体结构，形成MVC模式，方法中采用js面向过程时，这又深深的切合了面向对象的要点，变得和谐统一。

AngularJS的特点：

1、面向对象风格

2、具有类似于spring框架的依赖注入特性

3、支持单页面应用，可使用路由组织页面的切换、解析

4、可以使用MVC结构，对service层做分离，以服务的方式注入

5、angular.module方法是对视图层以外内容的处理，更多体现了对controller层的处理，如引入服务、提供初始化数据、提供事件响应支持、切换页面等

6、在视图中，以ng-app 属性指定module对应的解析区域，支持双向绑定、表单验证、事件定义等

7、封装了Ajax的API，简单易用，数据解析可以同框架本身的过滤器和表格等特性联用，降低了处理难度

8、视图部分可以切换为第三方的视图框架，如Bootstrap、Element UI等

9、适应于CURD的业务应用，不适用于频繁的底层DOM结构操作

示例代码如下：

Name: 


E-mail: 


Invalid:

Tell us your email.

This is not a valid email.



Gender: male

female




I agree: 


Please agree and sign.

RESET

SAVE



form = {{user | json}} 

master = {{master | json}} 

示例代码中展示了AngularJS常用的基本功能：

1、视图绑定、设定视图区域

2、数据初始化

3、表单验证

4、双向绑定

5、数据提交远程服务器

6、事件处理

7、数据过滤

AngularJS的功能要比上面细致很多，需要到官网上仔细研读。