AngularJS 总结

Features of AngularJS :

MVC

模块化

自动化双向数据绑定

指令系统

下载 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 安装

bower install angular

使用 NPM 安装

npm install angular

当网页加载完毕，AngularJS 自动开始执行；

HTML 页面中 ng-xxx 的属性称之为指令（Directive）；

ng-app 指令告诉 AngularJS，<div> 元素是 AngularJS 应用程序管理的边界；

ng-model 指令把文本框的值绑定到变量 name 上；

{{ name }} 表达式就是把应用程序变量 name 绑定到某个段落的 innerHTML。

使用总结 :

Angular 最大程度的减少了页面上的 DOM 操作；

让 JavaScript 中专注业务逻辑的代码；

通过简单的指令结合页面结构与逻辑数据；

通过自定义指令实现组件化编程；

代码结构更合理；

维护成本更低；

Angular 解放了传统 JavaScript 中频繁的 DOM 操作

模块（Module）

AngularJS很重要的一个特性就是实现模块化编程，我们可以通过以下方式创建一个模块，对页面进行功能业务上的划分

// 创建一个名字叫MyApp的模块，第二个参数指的是该模块依赖那些模块

var myApp = angular.module("MyApp", []);

也可以将重复使用的指令或过滤器之类的做成模块便于复用

注意必须指定第二个参数，否则变成找到已经定义的模块

控制器（Controller）

控制器的三种主要职责：

为应用中的模型设置初始状态

通过$scope对象把数据模型或函数行为暴露给视图

监视模型的变化，做出相应的动作

$scope（上下文模型）

视图和控制器之间的桥梁

用于在视图和控制器之间传递数据

利用$scope暴露数据模型（数据，行为）

对比 JavaScript 表达式

相同点：

AngularJS 表达式可以包含字母，操作符，变量。

不同点：

AngularJS 表达式可以写在 HTML 中。

AngularJS 表达式不支持条件判断，循环及异常。

AngularJS 表达式支持过滤器。