本指南中使用过的AngularJS指令：指令描述说明ng-app定义一个application的根元素。指令ng-bind将HTML元素的innerHTML绑定到applicationdata。介绍ng-click定义HTML元素的click事件。事件ng-controller定义一个application的控制器...

　　本文给出的大部分示例都可以直接运行，通过点击运行按钮来查看结果，同时支持在线编辑代码。<divng-app=""><p>Name:<inputtype="text"ng-model="name"></p><p>Youwrote:{{name}}</p...

　　是时候创建一个真正的AngularJS单页面应用程序了（SPA）。　　你已经了解了足够多的内容来创建第一个AngularJS应用程序：<htmlng-app="myNoteApp"><scriptsrc="http://ajax.googleapis.com/ajax/libs/angularjs...

　　使用AngularJS，你可以在HTML中包含其它的HTML文件。　　当前的HTML文档还不支持该功能。不过W3C建议在后续的HTML版本中增加HTMLimports功能，以支持在HTML中包含其它的HTML文件。<linkrel="import"href="/path/navigation.html">...

　　Bootstrap是一套非常流行的样式表框架，本章用以演示如何在AngularJS中使用它。　　为了在AngularJSapplication中使用Bootstrap，你需要将下面这行代码加入到页面的head部分（或者去Bootstrap官网下载包然后引用到页面上）：<linkrel="stylesheet"...

　　API即ApplicationProgrammingInterface（应用程序接口）。　　AngularJS全局API是一组全局JavaScript函数，用来进行一些常用的操作，例如：比较两个对象迭代对象进行数据格式转换　　全局API函数可以通过angular对象来直接调用。　　下表列除了一些比较常用的Angul...

　　AngularJS表单和控件可以对用户输入的数据进行验证。　　在之前的章节中你已经了解了有关AngularJS表单和控件的相关内容。　　AngularJS表单和控件可以提供数据验证服务，并对不合法的数据给出提示信息。请注意任何情况下都不能仅靠客户端的数据验证，服务端数据验证也是必须的。<!DOCTYPEhtm...

　　一个AngularJS表单是一组输入型控件的集合。　　HTML输入型标签标包括：input标签select标签button标签textarea标签　　HTML表单将各种HTML控件组合到一起。<divng-app="myApp"ng-controller="formCtrl"><formnoval...

　　AngularJS模块定义了一个application。　　模块是一个application中不同部分的容器。　　application中的所有控制器都应该属于一个模块。　　下面这个application（"myApp"）包含一个控制器（"myCtrl"）：<!DOCTYPEhtml><html&...

　　AngularJS拥有自己的HTML事件指令。　　ng-click指令定义了AngularJS的click事件。<divng-app=""ng-controller="myCtrl"><buttonng-click="count=count+1">Clickme!</button>...

　　AngularJS通过指令将application数据绑定到HTMLDOM元素的属性上。　　ng-disabled指令将AngularJSapplication数据绑定到HTML元素的disabled属性上。<divng-app=""><p><buttonng-disabled="my...

　　我们可以将之前章节中的代码用来从数据库中读取数据。<divng-app="myApp"ng-controller="customersCtrl"><table><trng-repeat="xinnames"><td>{{x.Name}}</td><t...

　　ng-repeat指令非常适合用来显示表格。　　在AngularJS中显示表格非常容易：<divng-app="myApp"ng-controller="customersCtrl"><table><trng-repeat="xinnames"><td>{{x.Nam...

　　$http是AngularJS提供的一个服务，用来从远程服务器读取数据。　　下面的数据由Web服务器提供：{"records":[{"Name":"AlfredsFutterkiste","City":"Berlin","Country":"Germany"},{"Name":"Berglundssnabbk&ou...

　　通过管道字符（‘|’），过滤器可以被添加到表达式和指令中。　　AngularJS过滤器可以被用来转换（格式化）数据：过滤器描述currency将数字格式化为现金格式。filter从一个集合中选择子项。lowercase将字符串转换为小写形式。orderBy通过一个表达式对集合元素进行排序。u...