AngularJS快速入门指南19:示例代码

  本文为闹底大多数示范都足以一直运行,通过点击运行按钮来查看结果,同时支持在线编代码。

<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 Application

AngularJS TODO Application

AngularJS Application概述

落得一样回 –
AngularJS快速入门指南18:Application

下一章 –
AngularJS快速入门指南20:快速参考

相关文章