W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

AngularJS 实例



尝试一下

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

AngularJS Example

<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 模型
具有双向绑定的模型
具有验证的模型
一个表单,它是当前的验证状态
当字段无效时设置CSS类

AngularJS模型讲解


AngularJS 控制器

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

AngularJS控制器讲解


AngularJS Scopes(作用域)

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

AngularJS Scopes(作用域)讲解


AngularJS 过滤器

表达式过滤器 uppercase
表达式过滤器 lowercase
货币过滤器表达式
指令过滤器 orderBy
输入过滤器

AngularJS过滤器讲解


AngularJS XMLHttpRequest

读取静态 JSON 文件

AngularJS XMLHttpRequest讲解


AngularJS 表格

显示一个表格 (简单)
带有 CSS 样式的表格
显示一个有orderBy过滤器的表格
显示带有大写过滤器的表格
显示具有序号引的表
显示偶数和奇数的表

AngularJS表格讲解


AngularJS - 从数据库中读取数据

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

AngularJS SQL 讲解


AngularJS HTML DOM

ng-disabled 指令
ng-show 指令
ng-show,基于条件
ng-hide 指令

AngularJS HTML DOM 讲解


AngularJS 事件

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

AngularJS 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 With W3.CSS

AngularJS W3.CSS讲解


AngularJS 包含

AngularJS 包含 HTML
Include a table containting AngularJS code
包含来自不同域的文件

AngularJS包含讲解


AngularJS 动画

AngularJS 动画
包括动画库作为依赖
使用CSS3过渡的动画
使用CSS3动画的动画

AngularJS动画讲解


AngularJS 应用

AngularJS 注意事项应用
AngularJS ToDo 应用

AngularJS应用讲解