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 有效。