Contoh AngularJS

Cuba sendiri

Anda boleh sunting contoh secara online, kemudian klik butang untuk lihat hasil.

Contoh AngularJS

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

亲自试一试

AngularJS 基础

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

基本 AngularJS 介绍

Ekspresi AngularJS

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

表达式介绍

Modul AngularJS

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

模块介绍

Arahan AngularJS

• Arahan AngularJS
• 指令 ng-model
• 指令 ng-repeat（用于数组）
• 指令 ng-repeat（用于对象）
• Cipta arahan baru
• Gunakan arahan baru sebagai elemen
• Gunakan arahan baru sebagai sifat
• Gunakan arahan baru sebagai kelas
• Gunakan arahan baru sebagai anotasi
• Arahan dengan batasan

Pengenalan Arahan

Model AngularJS

• Model AngularJS
• Model dengan pengikat dua arah
• Model dengan pengesahan
• Borang dan status pengesahan semasa
• Tetapkan Klas KSS ketika medan tidak sah

Pengenalan Model

Kawalan AngularJS

• Kawalan AngularJS
• Sifat Kawalan
• Fungsi Kawalan
• Kawalan di Fail JavaScript I
• Kawalan di Fail JavaScript II

Pengenalan Kawalan

Domain AngularJS

• Domain AngularJS
• Domain adalah sinkron
• Domain Berbeza
• Domain Asal

Pengenalan Domain

Penapis AngularJS

• Penapis Ekspresi uppercase
• Penapis Ekspresi lowercase
• Penapis Ekspresi currency
• Penapis Arahan orderBy
• Penapis Input

Pengenalan Penapis

XMLHttpRequest AngularJS

• Baca Fail JSON Statik

Pengenalan XMLHttpRequest