AngularJS快速入门指南19:示例代码
2015-05-20 02:43
1056 查看
本文给出的大部分示例都可以直接运行,通过点击运行按钮来查看结果,同时支持在线编辑代码。
运行
我的第一个AngularJS指令(带data-前缀)
我的第一个AngularJS表达式
我的第一个AngularJS控制器
AngularJS基础介绍
没有ng-app的表达式
带有数字的表达式
使用ng-bind指令代替数字表达式
带有字符串的表达式
使用ng-bind指令代替字符串表达式
带有Objects对象的表达式
使用ng-bind指令代替Objects对象表达式
带有数组的表达式
使用ng-bind指令代替数组表达式
AngularJS表达式概述
ng-model指令
ng-repeat指令(数组)
ng-repeat指令(Objects对象)
AngularJS指令概述
控制器属性
控制器方法
在JavaScript文件I中的控制器
在JavaScript文件II中的控制器
AngularJS控制器概述
表达式过滤器lowercase
表达式过滤器currency
指令过滤器orderby
对输入内容进行过滤
AngularJS过滤器概述
AngularJS Http对象概述
显示一个带有CSS样式的表格
显示一个带有orderBy过滤器的表格
显示一个带有uppercase过滤器的表格
显示一个带有index行号的表格
显示一个带有even和odd样式的表格
AngularJS表格概述
从SQL Server数据库中读取数据
AngularJS SQL概述
ng-show指令
ng-hide指令
AngularJS DOM节点概述
ng-hide指令
ng-show指令
AngularJS事件概述
在文件中的AngularJS模块
AngularJS模块概述
AngularJS数据验证
AngularJS表单概述
angular.uppercase()
angular.isString()
angular.isNumber()
AngularJS API概述
使用Bootstrap和Includes的AngularJS
AngularJS Bootstrap概述
AngularJS TODO Application
AngularJS Application概述
上一章 - AngularJS快速入门指南18:Application
下一章 - AngularJS快速入门指南20:快速参考
<div ng-app=""> <p>Name: <input type="text" ng-model="name"></p> <p>You wrote: {{ name }}</p> </div>
运行
AngularJS基础
我的第一个AngularJS指令我的第一个AngularJS指令(带data-前缀)
我的第一个AngularJS表达式
我的第一个AngularJS控制器
AngularJS基础介绍
AngularJS表达式
一个简单的表达式示例没有ng-app的表达式
带有数字的表达式
使用ng-bind指令代替数字表达式
带有字符串的表达式
使用ng-bind指令代替字符串表达式
带有Objects对象的表达式
使用ng-bind指令代替Objects对象表达式
带有数组的表达式
使用ng-bind指令代替数组表达式
AngularJS表达式概述
AngularJS指令
AngularJS指令ng-model指令
ng-repeat指令(数组)
ng-repeat指令(Objects对象)
AngularJS指令概述
AngularJS控制器
AngularJS控制器控制器属性
控制器方法
在JavaScript文件I中的控制器
在JavaScript文件II中的控制器
AngularJS控制器概述
AngularJS过滤器
表达式过滤器uppercase表达式过滤器lowercase
表达式过滤器currency
指令过滤器orderby
对输入内容进行过滤
AngularJS过滤器概述
AngularJS XMLHttpRequest
读取一个静态JSON文件AngularJS Http对象概述
AngularJS表格
显示一个简单的表格显示一个带有CSS样式的表格
显示一个带有orderBy过滤器的表格
显示一个带有uppercase过滤器的表格
显示一个带有index行号的表格
显示一个带有even和odd样式的表格
AngularJS表格概述
AngularJS - 从SQL中读取数据
从MySQL数据库中读取数据从SQL Server数据库中读取数据
AngularJS SQL概述
AngularJS DOM节点
ng-disabled指令ng-show指令
ng-hide指令
AngularJS DOM节点概述
AngularJS事件
ng-click指令ng-hide指令
ng-show指令
AngularJS事件概述
AngularJS模块
在body中的AngularJS模块在文件中的AngularJS模块
AngularJS模块概述
AngularJS表单
AngularJS表单AngularJS数据验证
AngularJS表单概述
AngularJS API
angular.lowercase()angular.uppercase()
angular.isString()
angular.isNumber()
AngularJS API概述
AngularJS Bootstrap
使用Bootstrap的AngularJS使用Bootstrap和Includes的AngularJS
AngularJS Bootstrap概述
AngularJS Application
AngularJS Note ApplicationAngularJS TODO Application
AngularJS Application概述
上一章 - AngularJS快速入门指南18:Application
下一章 - AngularJS快速入门指南20:快速参考
相关文章推荐
- AngularJS快速入门指南06:过滤器
- AngularJS快速入门指南13:表单
- AngularJS快速入门指南11:事件
- 【iOS7开发快速入门】代码示例3-9
- AngularJS快速入门指南08:表格
- AngularJS快速入门指南15:API
- AngularJS快速入门指南16:Bootstrap
- AngularJS快速入门指南20:快速参考
- [乐意黎转载]AngularJS快速入门指南16:Bootstrap
- 【iOS7开发快速入门】代码示例3-6
- 【iOS7开发快速入门】代码示例3-10
- AngularJS快速入门指南09:SQL
- AngularJS快速入门指南10:DOM节点
- 【iOS7开发快速入门】代码示例3-11
- AngularJS快速入门指南04:指令
- 【iOS7开发快速入门】代码示例3-7
- 【iOS7开发快速入门】代码示例3-1
- AngularJS快速入门指南12:模块
- [乐意黎转载]AngularJS快速入门指南10:DOM节点
- AngularJS快速入门指南20:快速参考