К содержанию

Tutorial til Angular-frameworket

Tutorial til JavaScript-frameworket Angular. For begyndere. Masser af teori og opgaver.

Grundlæggende

Introduktion til Angular-frameworket

Introduktion til den komponentbaserede tilgang i Angular

Installation af Angular-frameworket

Oprettelse af et Angular-projekt

Strukturen af et Angular-projekt

Strukturen af Angular-projektets arbejdsmappe

Layoutfil i Angular

Projektets fælles stilfil i Angular

Strukturen af en Angular komponent

Fil med komponentlayout i Angular

Angular-komponentens stilfil

Fil med komponentklasse i Angular

Skabelon

Interpolation i Angular

Komponentklasse egenskaber i Angular skabelon

Komponentklasseegenskaber i Angular-attributter

Array-egenskaber i Angular-skabelonen

Objektegenskaber i skabelonen i Angular

Komponentklassens metoder i Angular-skabelonen

Skabelonvariabler i Angular

Databinding til DOM-elementers egenskaber i Angular

Betingelser

ngIf-direktivet i Angular

Sammenligningsoperatorer i ngIf-direktivet i Angular

If-konstruktionen i Angular

Sammenligningsoperatorer i if-konstruktionen i Angular

Else-konstruktion i Angular

Else-if konstruktion i Angular

Switch og case konstruktioner i Angular

ng-template-tagget i Angular

Syntaktisk sukker i Angular betingelser

Løkker

Direktivet for i Angular

For-konstruktion i Angular

Iterations indeks for loops i Angular

Første iteration af loop i Angular

Sidste iteration af loop i Angular

Lige iteration af løkke i Angular

Ulige iteration af loop i Angular

Begivenheder

Event Handler Binding i Angular-skabeloner

Event Handler Parametre i Angular-skabelonen

Event-objektet i event handler i Angular-skabelon

Event-objekt og parametre i Angular-skabelon

Reaktivitet i Angular

Reaktive løkker i Angular

Reaktivitet af betingelser i Angular

Tobinding af data i Angular

Styling

Angular komponent styling

Data-binding af CSS-klasser i Angular

Massebinding af CSS-klasser i Angular

Tilføjelse af CSS-stilarter i Angular

Tilføjelse af CSS-stilarter til et tag i Angular

Dynamisk ændring af stilarter i Angular

Pipes

Pipes i Angular

Oversættelse til store bogstaver via en pipe i Angular

Konvertering til små bogstaver via et pipe i Angular

Afskæring af streng via pipe i Angular

Formatering af datoer med pipes i Angular

Formatering af tal med pipes i Angular

Formatering af valuta ved hjælp af en pipe i Angular

Rækker af kanaler i Angular

Liste over pipes i Angular

Komponenter

Underkomponenter i Angular

Overførsel af data til en underkomponent i Angular

Overførsel af egenskaber til en underkomponent i Angular

Flere kald af komponent i Angular

Kald af komponent i en løkke i Angular

Overførsel af tekst til en underkomponent i Angular

Overførsel af data til en underkomponents setter i Angular

Overførsel af data til forælderkomponenten i Angular

Tobinding af begivenheder i Angular

Skift af child komponent tag i Angular

Komponenters livscyklus

Komponenters livscyklus i Angular

ngOnInit Hook i Angular

ngOnDestroy Hook i Angular

Flere hooks i Angular

Tjenester

Introduktion til Angular services

Oprettelse af en service i Angular

Brug af en service i Angular

Injektion af en service i en anden i Angular

Routing

Routing i Angular

Oprettelse af et nyt projekt til routing i Angular

Oprettelse af komponenter til routing i Angular

Konfiguration af basisrouting i Angular

Tag til routing i Angular

Links til routing i Angular

Styling af aktive links i Angular

Eksakt URL-match i Angular

Ruteparametre i Angular

Værdier af ruteparametre i komponenten i Angular

Brug af ruteparametre i en komponent i Angular

Ruteparametre i links i Angular

Problem med skift af links i Angular

Programmatisk navigation i Angular

Fangst af alle URL'er i routing i Angular

Rækkefølge af ruter i Angular

Omdirigering i routing i Angular

Understøttelsesruter i Angular