Angular学习（一）

1.简介
AngularJS 是 Angular 1.x 的专属名字，Angular 2 之后的版本才开始称为 Angular；
Angular 2 也不是从 Angular 1 升级过来的，Angular 2 使用了 TypeScript 进行重写，所以 AngularJS 和 Angular 之间的差别比较大，即便你用过 AngularJS，上手 Angular 也有一定的学习曲线，基本上可以认为 Angular 是一个全新的框架。

(1)1.x版本称AngularJS,开源项目下载：https://github.com/angular/angular.js/releases

使用NPM构建（angular.js）源码问题>https://www.keithcirkel.co.uk/how-to-use-npm-as-a-build-tool/

使用：引入angular.js/angular.min.js
源码处理参考：https://github.com/angular/angular.js/blob/master/DEVELOPERS.md
或者直接去国外CDN，百度CDN下载；或者jsfiddle上练手
本次下载1.6版本
(2)区别 2.0后其他版本，称为 Angular,https://github.com/angular/angular

2.关于AngularJS
AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。
AngularJS 通过指令扩展了 HTML，且通过 表达式 绑定数据到 HTML。
备注：
(1)angular与ng是一回事，语法中都是ng表示；
(2)<script src="../angular.js/1.6.0/angular.min.js"></script>
当网页加载完毕，AngularJS 自动开启
3.AngularJS 指令，即以 ng 作为前缀的 HTML 属性
常见指令：AngularJS 通过 ng-directives(被称为新的指令的HTML属性) 扩展了 HTML。
（1）ng-app 指令定义一个 AngularJS 应用程序。即告诉 AngularJS，指定的DOM元素是 AngularJS 应用程序 的"所有者"。
（2）ng-model 指令把元素值（比如输入域的值）双向绑定到应用程序变量name。即ng-model定义一个变量，在视图中可调用该变量，并使视图和内存的数据同步；
（3）ng-bind 指令把应用程序变量 name 绑定到 HTML 视图（某个段落的 innerHTML）。
（4）ng-init 指令初始化 AngularJS 应用程序变量。（不常用）

4.AngularJS 应用组成如下：
View(视图), 即 HTML。
Model(模型), 当前视图中可用的数据。
Controller(控制器), 即 JavaScript 函数，可以添加或修改属性。

备注：
HTML5 允许扩展的（自制的）属性，以 data- 开头；
AngularJS 属性以 ng- 开头，但是您可以使用 data-ng- 来让网页对 HTML5 有效。