AngularJS Examples

自己尝试一下

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

AngularJS Examples

<div ng-app="">
<p>名字：<input type="text" ng-model="name"></p>
<p>您写了：{{ 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
• Using a New Directive as an Element
• Using a New Directive as an Attribute
• Using a New Directive as a Class
• Using a New Directive as a Comment
• Directives with Restrictions

Introduction to Directives

AngularJS Models

• AngularJS Models
• Models with Two-Way Binding
• Models with Validation
• Forms and Their Current Validation State
• Set CSS Class When Field is Invalid

Introduction to Models

AngularJS Controllers

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

Introduction to Controllers

AngularJS Scope

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

Introduction to Scope

AngularJS Filters

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

Introduction to Filters

AngularJS XMLHttpRequest

• Reading Static JSON Files

Introduction to XMLHttpRequest