AngularJS Eksempler

Prøv det selv

Du kan redigere eksemplet online og klikke på knappen for at se resultatet.

AngularJS Eksempler

<div ng-app="">
<p Navn: <input type="text" ng-model="name"></p>
<p>Du skrev: {{ name }}</p>
</div>

亲自试一试

AngularJS 基础

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

基本 AngularJS 介绍

AngularJS Udtryk

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

表达式介绍

AngularJS Moduler

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

模块介绍

AngularJS Direktiver

• AngularJS Direktiver
• ng-model 指令
• ng-repeat 指令（用于数组）
• ng-repeat 指令（用于对象）
• Opret en ny Direktiv
• Brug af nye Direktiver som Elements
• Brug af nye Direktiver som Properties
• Brug af nye Direktiver som Classes
• Brug af nye Direktiver som Comments
• Begrænsede Direktiver

Directive Introduktion

AngularJS Modeller

• AngularJS Modeller
• Modeller med dobbeltbindning
• Modeller med validering
• Formularer og deres nuværende valideringsstatus
• Indstil CSS-klasser ved ugyldige felter

Model Introduktion

AngularJS Kontroller

• AngularJS Kontroller
• Controller Egenskaber
• Controller Funktioner
• Controller I i JavaScript-filer
• Controller II i JavaScript-filer

Controller Introduktion

AngularJS Område

• AngularJS Område
• Scopes er synkroniserede
• Forskellige scopes
• Root Scope

Scope Introduktion

AngularJS Filtrere

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

Filter Introduktion

AngularJS XMLHttpRequest

• Læs statisk JSON-fil

Introduktion til XMLHttpRequest