AngularJS火速入门指南1玖:示例代码

  本文给出的大部分示范都足以向来运转,通过点击运转按钮来查阅结果,同时扶助在线编辑代码。

<div ng-app="">

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

</div>

运行


AngularJS基础

自个儿的首先个AngularJS指令

自作者的第二个AngularJS指令(带data-前缀)

自身的第1个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,AngularJS表格

呈现三个简便的表格

来得三个带有CSS样式的表格

呈现贰个包括orderBy过滤器的报表

显示1个分包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概述

上1章 –
AngularJS快捷入门指南1八:Application

下一章 –
AngularJS连忙入门指南20:赶快参考

相关文章