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 条评论
登录 后参与评论

相关文章

来自专栏青玉伏案

设计模式(二):自己动手使用“观察者模式”实现通知机制

在之前发布Objective-C系列博客的时候,其中提到过OC的通知机制,请参考《Objective-C中的老板是这样发通知的(Notification)》这篇...

2096
来自专栏React

React和Redux——状态管理Flux和Redux

在强调组件化的React中,我们需要以高内聚、低耦合的原则设计高可复用性的组件。因此渲染组件的数据由两部分组成,一个是由父组件传入的Props参数、一个是组件的...

2027
来自专栏Porschev[钟慰]的专栏

Nodejs学习笔记(二)--- 事件模块

简介及资料 http://nodejs.org/api/events.html http://www.infoq.com/cn/articles/tyq-n...

2868
来自专栏编程思想之路

Android四大组件完全解析(一)---Activity

本文参考\android\android\frameworks\base\core\java\android\app\Activity.java文件中的类注释,...

29410
来自专栏我的博客

安卓开发之SharedPreferences使用

Sharedpreferences保存数据类似配置信息格式的数据,使用简单类型的key-value对 主要方法有: Boolean contains(Strin...

2688
来自专栏双十二技术哥

深入Weex系列(五)Component组件源码解析

在上一篇文章《深入Weex系列(四)之Module组件源码解析》中我们结合源码学习了Module的注册、调用、回调等流程,并且分析一个Weex自带Module的...

863
来自专栏光变

Linux 命令

查看该目录下每个文件夹的大小ll-I”..”|awk’{print$9}’|xargs-I{}du-…

431
来自专栏编码小白

activiti学习笔记(六) 监听器

activiti全局监听器 全局监听器主要使用的场景就是监控这个流程的启动和结束。流程开始的时候可以监控,流程结束的时候也可以监控 监听器的接口 public ...

7536
来自专栏Android机器圈

Android数据绑定技术一,企业级开发

PS:数据绑定,顾名思义是数据与一些控件或者用户账号等绑定,这样用的好处是便于管理。代码清晰,量少。 首先要了解什么是数据绑定? 为什么要用数据绑定? 怎么用数...

3338
来自专栏向治洪

activty栈管理

题外话:我们有时在开发中,通常会有如下的需求:屏幕1-->屏幕2-->屏幕3-->屏幕4...,现在需要直接从屏幕4-->屏幕1,很多人会想到对activity...

1887

扫码关注云+社区