Exemplo AngularJS

Experimente por conta própria

Você pode editar o exemplo online e, em seguida, clicar no botão para ver os resultados.

Exemplo AngularJS

<div ng-app="">
<p>Nome: <input type="text" ng-model="name"></p>
<p>Você escreveu: {{ name }}</p>
</div>

亲自试一试

AngularJS 基础

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

基本 AngularJS 介绍

Expressões AngularJS

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

表达式介绍

Módulos AngularJS

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

模块介绍

Directivas AngularJS

• Directivas AngularJS
• 指令 ng-model
• 指令 ng-repeat (用于数组)
• 指令 ng-repeat (用于对象)
• Criar uma Nova Directiva
• Usar Nova Directiva como Elemento
• Usar Nova Directiva como Atributo
• Usar Nova Directiva como Classe
• Usar Nova Directiva como Comentário
• Directivas com Restrições

Introdução às Directivas

Modelo AngularJS

• Modelo AngularJS
• Modelo com Ligação Bidirecional
• Modelo com Validação
• Formulário e Estado de Validação Atual
• Definir Classe CSS ao Campo Inválido

Introdução ao Modelo

Controladores AngularJS

• Controladores AngularJS
• Propriedades de Controlador
• Funções de Controlador
• Controladores no Arquivo JavaScript I
• Controladores no Arquivo JavaScript II

Introdução aos Controladores

Escopo AngularJS

• Escopo AngularJS
• Escopos são síncronos
• Diferentes Escopos
• Escopo Raiz

Introdução ao Escopo

Filtros AngularJS

• Filtros de Expressão uppercase
• Filtros de Expressão lowercase
• Filtros de Expressão currency
• Filtros de Directiva orderBy
• Filtros de Entrada

Introdução aos Filtros

XMLHttpRequest AngularJS

• Leitura de Arquivo JSON Estático

Introdução XMLHttpRequest