本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— AngularJS
AngularJS 简介
AngularJS 是一个 JavaScript框架。它可通过 [removed] 标签添加到 HTML 页面。
AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。
AngularJS 是一个 JavaScript框架
AngularJS 是一个 JavaScript框架。它是一个以 JavaScript编写的库。
AngularJS 是以一个 JavaScript文件形式发布的,可通过 script标签添加到网页中:<script src="
http://apps.bdimg.com/libs/ang
... gt;[Note]
我们建议把脚本放在 <body> 元素的底部。 这会提高网页加载速度,因为 HTML 加载不受制于脚本加载。
各个 angular.js 版本下载: https://github.com/angular/angular.js/releases
AngularJS 扩展了 HTML
AngularJS 通过 ng-directives 扩展了 HTML。
ng-app 指令定义一个 AngularJS 应用程序。
ng-model 指令把元素值(比如输入域的值)绑定到应用程序。
ng-bind 指令把应用程序数据绑定到 HTML 视图。
AngularJS 实例<!DOCTYPE html>
<html></p>
<head></p>
<meta charset="utf-8"></p>
<script src="http://apps.bdimg.com/libs/ang ... gt; </head></p> <body>
名字 : <input type="text" ng-model="name"></p>
Hello {{name}}
</body> </html> 实例讲解:
当网页加载完毕,AngularJS 自动开启。
ng-app 指令告诉 AngularJS,
元素是 AngularJS 应用程序 的"所有者"。
ng-model 指令把输入域的值绑定到应用程序变量 name。
ng-bind 指令把应用程序变量 name 绑定到某个段落的。
[Note] 如果您移除了 ng-app 指令,HTML 将直接把表达式显示出来,不会去计算表达式的结果。
什么是 AngularJS?
AngularJS 使得开发现代的单一页面应用程序(SPAs:Single Page Applications)变得更加容易。
AngularJS 把应用程序数据绑定到 HTML 元素。 AngularJS 可以克隆和重复 HTML 元素。 AngularJS 可以隐藏和显示 HTML 元素。 AngularJS 可以在 HTML 元素"背后"添加代码。 AngularJS 支持输入验证。