AngularJS 实例

尝试一下

您可以在线编辑实例，然后点击按钮查看结果。

<div ng-app="">

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

</div>

尝试一下 »

我的第一个 AngularJS 表达式
我的第一个 AngularJS 指令
我的第一个 AngularJS 指令（带有有效的 HTML5）

基础的 AngularJS 讲解

带有数字的表达式
使用带有数字的 ng-bind
带有字符串的表达式
使用带有字符串的 ng-bind
带有对象的表达式
使用带有对象的 ng-bind
带有数组的表达式
使用带有数组的 ng-bind

表达式讲解

AngularJS 指令
ng-model 指令
ng-repeat 指令（带有数组）
ng-repeat 指令（带有对象）

指令讲解

AngularJS 控制器
控制器属性
控制器函数
javascript 文件中的控制器 I
JavaScript 文件中的控制器 II

控制器讲解

表达式过滤器 uppercase
表达式过滤器 lowercase
指令过滤器 orderBy
输入过滤器

过滤器讲解

The ng-disabled Directive

HTML DOM 讲解

ng-click 指令
ng-show 指令

HTML 事件讲解

body 中的 AngularJS 模块
文件中的 AngularJS 模块

模块讲解

应用程序讲解