AngularJS-Beispiel

Versuchen Sie es selbst

Sie können den Beispiel online bearbeiten und dann auf die Schaltfläche klicken, um das Ergebnis anzuzeigen。

AngularJS-Beispiel

<div ng-app="">
<p>Name: <input type="text" ng-model="name"></p>
<p>Sie haben geschrieben: {{ name }}</p>
</div>

亲自试一试

AngularJS 基础

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

基本 AngularJS 介绍

AngularJS- Ausdrücke

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

表达式介绍

AngularJS-Module

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

模块介绍

AngularJS- Anweisungen

• AngularJS- Anweisungen
• ng-model 指令
• ng-repeat 指令（用于数组）
• ng-repeat 指令（用于对象）
• Erstellen Sie eine neue Anweisung
• Neue Anweisung als Element verwenden
• Neue Anweisung als Attribut verwenden
• Neue Anweisung als Klasse verwenden
• Neue Anweisung als Kommentar verwenden
• Anweisung mit Einschränkungen

Einführung in die Anweisung

AngularJS-Modelle

• AngularJS-Modelle
• Modell mit bidirektiver Bindung
• Modell mit Überprüfung
• Formular und aktueller Überprüfungsstatus
• CSS-Klasse setzen, wenn das Feld ungültig ist

Einführung in das Modell

AngularJS-Controller

• AngularJS-Controller
• Controllereigenschaft
• Controllerfunktion
• Controller in JavaScript-Dateien I
• Controller in JavaScript-Dateien II

Einführung in den Controller

AngularJS-Bereich

• AngularJS-Bereich
• Bereiche sind synchronisiert
• Verschiedene Bereiche
• Wurzelbereich

Einführung in den Bereich

AngularJS-Filter

• Ausdrucksfilter uppercase
• Ausdrucksfilter lowercase
• Ausdrucksfilter currency
• Anweisungsfilter orderBy
• Eingabefilter

Filtervorstellung

AngularJS XMLHttpRequest

• Lesen eines statischen JSON-Datei

Einführung in XMLHttpRequest