本文给出的大部分示例都可以直接运行,通过点击运行按钮来查看结果,同时支持在线编辑代码。
<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
读取一个静态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 Application
AngularJS TODO Application
AngularJS Application概述
上一章 - AngularJS快速入门指南18:Application
下一章 - AngularJS快速入门指南20:快速参考
原标题:AngularJS快速入门指南19:示例代码
关键词:JS