Inleiding tot de componentbenadering in Angular

Stel we hebben een website. Op deze website kunnen we enkele blokken onderscheiden: header, inhoud, zijbalk, footer enzovoort. Elk blok kan worden opgedeeld in kleinere subblokken. In de header kunnen bijvoorbeeld meestal logo, menu, contactgegevensblok enzovoort worden onderscheiden.

In Angular wordt elk zo'n blok een component genoemd. Elke component kan kleinere componenten bevatten, die op hun beurt weer nog kleinere bevatten, enzovoort.

Aan elke component in Angular is een map met bestanden gekoppeld, gelegen in de map src.

Eén van de componenten moet de hoofdcomponent zijn - degene waaraan de andere componenten worden toegevoegd. In Angular is standaard de component App. Aan deze component zullen andere componenten worden gekoppeld. Hoe dit wordt gedaan - bespreken we verder in de tutorial.