AngularJS 实例

本节为你提供了一些 AngularJS 实例，包括基础的 AngularJS 的使用、AngularJS 表达式的使用、AngularJS 指令的使用等等。

尝试一下

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

AngularJS 实例

<div ng-app="">

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

</div>

试一试

我的第一个 AngularJS 表达式我的第一个 AngularJS 指令我的第一个 AngularJS 指令（带有有效的 HTML5）基础的 AngularJS 讲解 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 模块模块讲解

AngularJS 应用程序应用程序讲解