-

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 指令
我的第一个 AngularJS 指令(带有有效的 HTML5)

基础的 AngularJS 讲解


AngularJS 表达式

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

表达式讲解


AngularJS 指令

AngularJS 指令
ng-model 指令
ng-repeat 指令(带有数组)
ng-repeat 指令(带有对象)

指令讲解


AngularJS 控制器

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

控制器讲解


AngularJS 过滤器

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

过滤器讲解


AngularJS HTML DOM

The ng-disabled Directive

HTML DOM 讲解


AngularJS HTML 事件

ng-click 指令
ng-show 指令

HTML 事件讲解


AngularJS 模块

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

模块讲解


AngularJS 应用程序

AngularJS 应用程序

应用程序讲解