JavaScript强化教程——AngularJS

本文为 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 支持输入验证。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏零基础使用Django2.0.1打造在线教育网站

利用Flask搭建微电影视频网站(六):标签管理

努力与运动兼备~~~有任何问题可以加我好友或者关注微信公众号,欢迎交流,我们一起进步!

1824
来自专栏不想当开发的产品不是好测试

centos下安装pip2

# 背景 新机器,安装完python2后发现竟然不自带pip,按照我的理解现在新版本的python,不管是2还是3都会自带pip的。没办法,需要自己去安装pip...

2746
来自专栏糊涂一二事

微信小程序文件上传下载应用场景

微信小程序提供了一套在微信上运行小程序的解决方案,有比较完整的框架、组件以及 API,在这个平台上面的想象空间很大。基于微信小程序轻便、快捷的特点,使用腾讯云简...

6.7K2
来自专栏腾讯IVWEB团队的专栏

H5 的复制操作

HTML5 现在能完美提供给我们的应该就是 copy 事件的使用,对于市面上的 clipboard.js 差不多也是运用上述的知识点。根据上面的描述,可以了...

2.1K1
来自专栏开源优测

python selenium2 常用方法

完整路径 C:\Python27\Lib\site-packages\selenium\webdriver\remote\webdrive...

3214
来自专栏你不就像风一样

Maven报错Archive for required library:某.jar' in project '项目名'

631
来自专栏Python疯子

Airtest连接Android和iOS进行脚本测试和编写脚本

Airtest一般用于app测试,因为可以通过图片进行识别点击,也可以通过点坐标进行识别点击,所以也可以制作游戏点击脚本和应用的点击脚本。 Airtest可以...

2633
来自专栏james大数据架构

jQuery打造智能提示插件二(可编辑下拉框)

在上一篇 jQuery打造智能提示插件 上改进,增加下拉按钮,修复点击下拉区域外不隐藏BUG 效果 ? js封装,注意红色部分为BUG修复,然后传入boxwid...

1805
来自专栏魏艾斯博客www.vpsss.net

WDCP 面板安装微擎的过程记录

现在最流行的微信管理系统非微擎莫属了,太多人使用微擎来管理自己的微信公众号和微信小程序。同时很多人自行搭建微擎程序时候遇到了难题,为了解决这个难题魏艾斯博客前面...

1890
来自专栏Angular&服务

Angular2 项目结构解释

753

扫码关注云+社区