К содержанию

Handledning i Angular-ramverket

Handledning i JavaScript-ramverket Angular. För nybörjare. Mycket teori och uppgifter.

Grundläggande

Introduktion till Angular-ramverket

Introduktion till komponenttillvägagångssättet i Angular

Installation av ramverket Angular

Skapa ett Angular-projekt

Struktur för ett Angular-projekt

Strukturen för Angular-projektets arbetsmapp

Layoutfil i Angular

Projektets gemensamma stilmall i Angular

Strukturen för en Angular-komponent

Fil med layout för Angular-komponent

Angular-komponentens stilfil

Fil med komponentklass i Angular

Mall

Interpolering i Angular

Komponentklassens egenskaper i Angular-mallen

Komponentklassens egenskaper i Angular-attribut

Arrayegenskaper i Angular-mall

Egenskaps-objekt i mallar i Angular

Metoder för komponentklassen i Angular-mall

Mallvariabler i Angular

Bindung av värden till DOM-elementens egenskaper i Angular

Villkor

Direktivet if i Angular

Jämförelseoperatorer i direktivet if i Angular

If-konstruktionen i Angular

Jämförelseoperatorer i if-konstruktionen i Angular

Else-konstruktionen i Angular

Else-if-konstruktionen i Angular

Konstruktionerna switch och case i Angular

Ng-template-taggen i Angular

Syntaktiskt socker i Angular-villkor

Loopar

Direktivet for i Angular

For-konstruktionen i Angular

Iterationsindex för loopar i Angular

Första iterationen av loopen i Angular

Sista iterationen av loopen i Angular

Jämn iteration av loop i Angular

Udda iteration av loop i Angular

Händelser

Bindning av händelsehanterare i Angular-mall

Parametrar för händelsehanterare i Angular-mall

Event-objektet i händelsehanteraren i Angular-mallen

Event-objektet och parametrar i Angular-mall

Reaktivitet i Angular

Reaktiva loopar i Angular

Reaktivitet av villkor i Angular

Dubbelriktad databindning i Angular

Styling

Stil för Angular-komponent

Bindning av CSS-klasser i Angular

Massbindning av CSS-klasser i Angular

Data-binding av CSS-stilar i Angular

Bindung av CSS-stilar till tagg i Angular

Dynamisk ändring av stilar i Angular

Pipes

Pipes i Angular

Översättning till versaler via kanal i Angular

Översätt till gemener via kanal i Angular

Trunkering av sträng via en kanal i Angular

Formatering av datum med pipes i Angular

Formatering av tal med pipes i Angular

Formatering av valuta med hjälp av en pipe i Angular

Kanal kedjor i Angular

Lista av pipes i Angular

Komponenter

Underkomponenter i Angular

Skicka data till en underordnad komponent i Angular

Egenskapsöverföring till barnkomponent i Angular

Multipel anrop av komponent i Angular

Anropa en komponent i en loop i Angular

Överföra text till en underordnad komponent i Angular

Överföring av data till en barnkomponents setter i Angular

Överföra data till förälderkomponenten i Angular

Tvåvägsbindning av händelser i Angular

Ändra taggen för en underkomponent i Angular

Komponenters livscykel

Komponentens livscykel i Angular

Hooken ngOnInit i Angular

Hooken ngOnDestroy i Angular

Flera hooks i Angular

Tjänster

Introduktion till Angular-tjänster

Skapa en service i Angular

Användning av en tjänst i Angular

Injicera en tjänst i en annan i Angular

Routning

Routing i Angular

Skapa ett nytt projekt för routing i Angular

Skapa komponenter för routing i Angular

Konfigurera grundläggande routing i Angular

Tagg för routing i Angular

Länkar för routing i Angular

Stilisering av aktiva länkar i Angular

Exakt matchning av adresser i Angular

Ruttparametrar i Angular

Hämtning av ruttparametrar i komponenter i Angular

Använda route-parametrar i en komponent i Angular

Parametrar för ruttlänkar i Angular

Problem med länkväxling i Angular

Programmatisk navigering i Angular

Fånga alla URL:er i routing i Angular

Ordning på rutter i Angular

Omdirigering i routing i Angular

Barnrutter i Angular