Introduktion til den komponentbaserede tilgang i Angular

Lad os antage, at vi har en hjemmeside. På denne hjemmeside kan vi udskille visse blokke: header, indhold, sidebar, footer og så videre. Hver blok kan opdeles i mindre underblokke. For eksempel kan man i headeren normalt udskille en logo, en menu, en kontaktblok og så videre.

I Angular kaldes hver sådan blok for en komponent. Hver komponent kan indeholde mindre komponenter, som igen kan indeholde endnu mindre, og så videre.

I Angular svarer hver komponent til en mappe med filer, placeret i mappen src.

En af komponenterne skal være hovedkomponenten - den, som de andre komponenter tilføjes til. I Angular vil denne komponent som standard være komponenten App. Til denne komponent vil andre komponenter blive tilsluttet. Hvordan dette gøres - vil vi gennemgå senere i vejledningen.