AngularJS介绍

### 什么是 AngularJS

- 一款非常优秀的前端高级 JS 框架
- 最早由 Misko Hevery 等人创建
- 2009 年被 Google 公式收购，用于其多款产品
- 目前有一个全职的开发团队继续开发和维护这个库
- 有了这一类框架就可以轻松构建 SPA 应用程序
- 轻松构建 SPA（单一页面应用程序）
- 单一页面应用程序：
+ 只有一个页面（整个应用的一个载体）
+ 内容全部是由AJAX方式呈现出啦的
- 其核心就是通过指令扩展了 HTML，通过表达式绑定数据到 HTML。

### 为什么使用 AngularJS

- 更少的代码，实现更强劲的功能
- 将一些以前在后台开发中使用的思想带入前端开发
- 带领当前市面上的框架走向模式化或者架构化

### AngularJS 的核心特性

1.MVC

 

2.模块化

# 划分应用程序结构

# 我们可以通过angular.module创建一个模块

# angular.module方法传递两个参数才是创建模块，一个参数是获取模块

 

3.自动化双向数据绑定

4.指令系统 

 

### 相关链接

 

- http://www.apjs.net/

- http://www.angularjs.cn/

- http://docs.angularjs.cn/api

- https://material.angularjs.org

- http://angular-ui.github.io/

 

## Angular 上手

### 安装 Angular

 

- 下载 Angular.js 的包

  + https://github.com/angular/angular.js/releases

- 使用 CDN 上的 Angular.js

  + http://apps.bdimg.com/libs/angular.js/1.4.9/angular.min.js

- 使用 Bower 安装

  ```bash

  bower install angular

  ```

- 使用 NPM 安装

  ```bash

  npm install angular

  ```

- 每种方式安装包，本质都是将angular的库下载到当前文件夹中

 

 

- angular中最重要的概念是指令（directive）

 

- ng-model 是双向数据绑定的指令，效果就是将当前元素的value属性和模型中的user.name建立绑定关系

 

- JS: BOM DOM ES