AngularJS 实例

在线实例

您可以在线编辑实例，然后点击按钮查看结果。

AngularJS 实例

<div ng-app="">

<p>Name: <input type="text" ng-model="name"></p>
<p>You wrote: {{ name }}</p>

</div>
亲自试一试 »

AngularJS 基础

我的第一个 AngularJS 指令 我的第一个 AngularJS 指令（使用有效的HTML5） 我的第一个 AngularJS 表达式 一个简单的 AngularJS 表达式，使用变量 我的第一个 AngularJS 控制器

基础 AngularJS 教程

AngularJS 表达式

简单的表达式 不使用 ng-app 的表达式 带有数字的表达式 使用带有数字的 ng-bind 带有字符串的表达式 使用带有字符串的 ng-bind 带有对象的表达式 使用带有对象的 ng-bind 带有数组的表达式 使用带有数组的 ng-bind

AngularJS 表达式教程

AngularJS 模块

AngularJS 控制器 文件中的模块和控制器 何时加载 AngularJS

AngularJS 模块教程

AngularJS 指令

AngularJS 指令 ng-model 指令 ng-repeat 指令（带有数组） ng-repeat 指令（带有对象） 制定新的指令 使用新指令作为元素 使用新指令作为属性 将新指令用作类 使用新指令作为注释 有限制的指令

AngularJS 指令教程

AngularJS 模型

AngularJS 模型 具有双向绑定的模型 带有验证的模型 表单及其当前验证状态 当字段无效时设置 CSS 类

AngularJS 模型教程

AngularJS 控制器

AngularJS 控制器 AngularJS 控制器属性 AngularJS 控制器函数 JavaScript 文件中的控制器 I JavaScript 文件中的控制器 II

AngularJS 控制器教程

AngularJS 作用域

AngularJS 作用域 The scope is in sync 不同的作用域 The RootScope

AngularJS 作用域教程

AngularJS 过滤器

表达式过滤器 uppercase 表达式过滤器 lowercase 表达式过滤器 currency 指令过滤器 orderBy Input 过滤器

AngularJS 过滤器教程

AngularJS XMLHttpRequest

读取静态 JSON 文件

AngularJS XMLHttpRequest 教程

AngularJS 表格

显示一个表格 (简单) 带有 CSS 样式的表格 表格排序 使用 uppercase 过滤器的表格 使用序号的表格 使用 even 和 odd 表格

AngularJS 表格教程

AngularJS - 从数据库中读取数据

从 MySQL 数据库中读取数据 从 SQL Server 数据库中读取数据

Angular SQL 教程

AngularJS HTML DOM

ng-disabled 指令 ng-show 指令 ng-show 基于一个条件 ng-hide 指令

HTML DOM 教程

AngularJS 事件

ng-click 指令 ng-hide 指令 ng-show 指令

HTML 事件教程

AngularJS 表单

AngularJS 表单 AngularJS 表单验证

Angular 表单教程

AngularJS API

AngularJS angular.lowercase() AngularJS angular.uppercase() AngularJS angular.isString() AngularJS angular.isNumber()

AngularJS API 教程

AngularJS W3.CSS

AngularJS 与 W3.CSS

AngularJS W3.CSS 教程

AngularJS 包含

AngularJS 包含 HTML 包含一个包含 AngularJS 代码的表格 包含来自不同域的文件

AngularJS Includes 教程

AngularJS 动画

AngularJS 动画 包括动画库作为依赖项 使用 CSS3 转换的动画 使用 CSS3 动画制作动画

AngularJS 动画教程

AngularJS 应用程序

AngularJS 笔记应用程序 AngularJS 备忘录应用程序

AngularJS 应用程序教程