Angular学习(一)

来源:互联网 发布:淘宝发货人信息怎么改 编辑:程序博客网 时间:2024/05/18 00:04

1官网下载https://angularjs.org/(需翻墙)
其他下载链接xiazai:https://github.com/angular/angular.js/releases
本次下载1.6版本
使用:引入angular.js/angular.min.js
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 有效。