AngularJS 是一个开源的 JavaScript 库,用于创建动态的 Web 应用程序。它是由 Google 开发的,并且被广泛使用。AngularJS 教程是一个很好的学习 AngularJS 的起点,它可以帮助你快速掌握 AngularJS 的基本知识。
AngularJS 教程包含了 AngularJS 的基本概念、语法、指令、表单验证、服务、依赖注入、RESTful API 以及如何使用 AngularJS 构建一个完整的 Web 应用等内容。
AngularJS 教程中还包含了大量的实例代码,可以帮助你快速理解 AngularJS 的特性和功能。在学习过程中,你可以尝试修改代码来看看会出现什么样的效果,这样可以帮助你对 AngularJS 有一个更具体的理解。
// 例子1: 使用 ng-model 来创建一个表单 <form> <input type="text" ng-model="name"> <input type="submit" value="Submit"> </form>
此外,AngularJS 还有很多高级特性,如路由、过滤器、控制器、工厂、服务和指令。在学习过程中,你将会学到如何使用这些特性来开发出高效而强大的 Web 应用。
AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。
AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。
AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。
AngularJS 是以一个 JavaScript 文件形式发布的,可通过 script 标签添加到网页中:
我们建议把脚本放在 <body> 元素的底部。 这会提高网页加载速度,因为 HTML 加载不受制于脚本加载。 |
AngularJS 通过 ng-directives 扩展了 HTML。
ng-app 指令定义一个 AngularJS 应用程序。
ng-model 指令把元素值(比如输入域的值)绑定到应用程序。
ng-bind 指令把应用程序数据绑定到 HTML 视图。
实例讲解:
当网页加载完毕,AngularJS 自动开启。
ng-app 指令告诉 AngularJS,<div> 元素是 AngularJS 应用程序 的"所有者"。
ng-model 指令把输入域的值绑定到应用程序变量 name。
ng-bind 指令把应用程序变量 name 绑定到某个段落的 innerHTML。
如果您移除了 ng-app 指令,HTML 将直接把表达式显示出来,不会去计算表达式的结果。 |
"AngularJS 是专门为应用程序设计的 HTML。"
AngularJS 使得开发现代的单一页面应用程序(SPAs:Single Page Applications)变得更加容易。
正如您所看到的,AngularJS 指令是以 ng 作为前缀的 HTML 属性。
ng-init 指令初始化 AngularJS 应用程序变量。
HTML5 允许扩展的(自制的)属性,以 data- 开头。 AngularJS 属性以 ng- 开头,但是您可以使用 data-ng- 来让网页对 HTML5 有效。 |
带有有效的 HTML5:
AngularJS 表达式写在双大括号内:{{ expression }}。
AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。
AngularJS 将在表达式书写的位置"输出"数据。
AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。
实例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}
AngularJS 输入验证 AngularJS 表单和控件提供了验证功能,对与用户的输入进行判断,以辨别输入是否合法,如果不合法则进行警告...
通用指南如果你用 Vue CLI 处理静态资源并和后端框架一起作为部署的一部分,那么你需要的仅仅是确保 Vue CLI 生成的构建文件在正...
警告这份文档是对应@vue/cli。老版本的vue-cli文档请移步这里。Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供:通过@...
Vue.js 2.0过渡效果概述Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。包括以下工具:在 CSS 过渡和动画中...
兼容性Vue.js 不支持 IE8 及其以下版本,因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5...