专栏首页IMWeb前端团队JavaScript强化教程——AngularJS

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

相关文章

  • JavaScript强化教程——AngularJS

    本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— AngularJS

    IMWeb前端团队
  • JavaScript强化教程——AngularJS 指令

    本文为 H5EDU 机构官方 HTML5培训 AngularJS 通过被称为 指令 的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功...

    IMWeb前端团队
  • JavaScript强化教程——AngularJS 表达式

    本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程JavaScript强化教程 —— AngularJS 表达式

    IMWeb前端团队
  • JavaScript强化教程——AngularJS

    本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— AngularJS

    IMWeb前端团队
  • AngularJS 技术总结

    学习AngularJS,并且能在工作中使用到,算是很幸运了。因此本篇也会搜集各种资料,进行分享。 书籍分享 AngularJS权威指南 常用链接 Angula...

    用户1154259
  • AngularJS 指令

    AngularJS 通过被称为指令的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令。 ? ...

    企鹅号小编
  • Angular企业级开发(1)-AngularJS简介

    AngularJS介绍 AngularJS是一个功能完善的JavaScript前端框架,同时是基于MVC(Model-View-Controller理念的框架,...

    八哥
  • 大数据开发常用的编程语言有哪些

    如果你的数据科学家不使用R,他们可能就会彻底了解Python。如果你有一个需要NLP处理的项目,就会面临数量多得让人眼花缭乱的选择,包括经典的NTLK、使用G...

    加米谷大数据
  • 腾讯战投,自动驾驶公司Momenta获2亿美金融资,估值超10亿美金

    这一轮后Momenta累计完成融资超过2亿美金,估值超过10亿美金,成为国内自动驾驶行业估值最高的公司。

    镁客网
  • Runtime源码解析(JDK1.8)

    package java.lang; import sun.reflect.CallerSensitive; import sun.reflect.Refle...

    武培轩

扫码关注云+社区

领取腾讯云代金券