AngularJS Examples

自己尝试一下

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

AngularJS Examples

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

亲自试一试

AngularJS 基础

• 我的第一个 AngularJS 指令
• 我的第一个 AngularJS 指令（符合 HTML5 标准）
• 我的第一个 AngularJS 表达式
• 一个简单的 AngularJS 表达式，使用变量
• 我的第一个 AngularJS 控制器

基本 AngularJS 介绍

AngularJS Expressions

• 一个简单的表达式
• 没有 ng-app 的表达式
• 包含数字的表达式
• 使用 ng-bind 绑定数字
• 包含字符串的表达式
• 使用 ng-bind 绑定字符串
• 包含对象的表达式
• 使用 ng-bind 绑定对象
• 包含数组的表达式
• 使用 ng-bind 绑定数组

表达式介绍

AngularJS Modules

• AngularJS Controllers
• 文件中的模块和控制器
• 何时加载 AngularJS

模块介绍

AngularJS Directives

• AngularJS Directives
• ng-model 指令
• ng-repeat 指令（用于数组）
• ng-repeat 指令（用于对象）
• Create a New Directive
• Use New Directive as Element
• Use New Directive as Attribute
• Use New Directive as Class
• Use New Directive as Comment
• Directive with Restrictions

Directive Introduction

AngularJS Models

• AngularJS Models
• Model with Two-Way Binding
• Model with Validation
• Form and Its Current Validation State
• Set CSS Class When Field is Invalid

Model Introduction

AngularJS Controllers

• AngularJS Controllers
• Controller Properties
• Controller Functions
• Controller in JavaScript File I
• Controller in JavaScript File II

Controller Introduction

AngularJS Scopes

• AngularJS Scopes
• Scopes are Synchronous
• Different Scopes
• Root Scope

Scope Introduction

AngularJS Filters

• Expression Filter uppercase
• Expression Filter lowercase
• Expression Filter currency
• Directive Filter orderBy
• Input Filter

Filter Introduction

AngularJS XMLHttpRequest

• Reading Static JSON File

XMLHttpRequest Introduction