AngularJS初识

一、简介

AngularJS 是一个基于MVC 处理模式，实现了 MVVM 数据双向绑定的用于开发动态 web项目的 JavaScript 框架。 以其数据和展现分离、 MVVM、 MVC、 DI 等强大的特性活跃于前端开发市场，是前端敏捷开发使用的主流的必须掌握的框架之一。

AnuglarJS 是前后端分离软件架构模型下，前端业务处理的解决方案！

注意：库 VS 框架

• 库：封装原生 JavaScript 实现的大量函数的集合，是提供了各种特定功能的函数库通过引入的库中的函数，可以快捷实现一些特定的处理过程，如截取字符串等等
• 框架：一种封装了原生 JavaScript 实现的函数、功能、组件、处理流程的特殊实现通过引入框架中的配置，可以实现一定的逻辑处理功能，如 Bootstrap 中的轮播图等等

AngularJS 是 web 应用前端的一个完整的解决方案，框架不仅提供了优雅的 DOM 操作和基于 Ajax 的数据交互技术，同时进行了良好的结构整理和常规的业务逻辑处理的封装，使得 Angular 构建的应用能够灵活的适应不同的项目场景。

注意：AngularJS 中提供了如下的解决方案用以前端开发：

数据双向绑定、基本模板指令、自定义指令、表单验证、路由操作、依赖注入、 过滤器、内置服务、自定义服务、 组件、模块

同样， AngularJS 框架从 2013 年开始在国内出现应用，一直到 2016 年活跃于 web 前端项目开发中，丰富的社区资源也是一个非常重要的原因。

指令

AngularJS 指令是扩展的 HTML 属性，带有前缀 ng-。

1.ng-app
ng-app 指令定义一个 AngularJS 应用程序。
Angular从ng-app开始解析，相当于入口

2.ng-model
ng-model 指令把元素值（比如输入域的值）绑定到应用程序。

3.ng-init
ng-init指令初始化应用程序数据（变量）。

4.ng-controller
ng-controller 指令定义了应用程序控制器。