AngularJS-exempel

Prova själv

Du kan redigera exempel online och sedan klicka på knappen för att se resultatet.

AngularJS-exempel

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

Prova själv

AngularJS-grund

• Min första AngularJS-instruktion
• Min första AngularJS-instruktion (som följer HTML5-standarden)
• Min första AngularJS-uttryck
• Ett enkelt AngularJS-uttryck, använda variabler
• Min första AngularJS-kontroller

Grundläggande AngularJS-introduktion

AngularJS-uttryck

• Ett enkelt uttryck
• Uttryck utan ng-app
• Uttryck som innehåller tal
• Använd ng-bind för att binda tal
• Uttryck som innehåller sträng
• Använd ng-bind för att binda sträng
• Uttryck som innehåller objekt
• Använd ng-bind för att binda objekt
• Uttryck som innehåller array
• Använd ng-bind för att binda array

Uttrycksinstruktion

AngularJS-moduler

• AngularJS-kontroller
• Moduler och kontroller i filen
• När ska AngularJS laddas

Modulintroduktion

AngularJS-instruktioner

• AngularJS-instruktioner
• ng-model instruktion
• ng-repeat instruktion (använd för array)
• ng-repeat instruktion (använd för objekt)
• Skapa en ny instruktion
• Använd en ny instruktion som element
• Använd en ny instruktion som egenskap
• Använd en ny instruktion som klass
• Använd en ny instruktion som kommentar
• Instruktioner med begränsningar

Instruktionintroduktion

AngularJS-modell

• AngularJS-modell
• Modeller med tvåvägsbindning
• Modeller med validering
• Formulär och deras aktuella valideringsstatus
• Ställ in CSS-klass när fältet är ogiltigt

Modellintroduktion

AngularJS-kontroller

• AngularJS-kontroller
• Kontrollerproperty
• Kontrollerfunktioner
• Kontroller i JavaScript-filer I
• Kontroller i JavaScript-filer II

Kontrollerintroduktion

AngularJS-område

• AngularJS-område
• Områden är synkrona
• Olika områden
• Rötområde

Områdeintroduktion

AngularJS-filter

• Uttryckfilter uppercase
• Uttryckfilter lowercase
• Uttryckfilter currency
• Instruktionfilter orderBy
• Inmatningsfilter

Filterintroduktion

AngularJS-XMLHttpRequest

• Läs statisk JSON-fil

XMLHttpRequest-introduktion