Introduction à l'approche composant dans Angular

Supposons que nous ayons un site web. Sur ce site, nous pouvons distinguer certains blocs : l'en-tête (header), le contenu, la barre latérale (sidebar), le pied de page (footer) et ainsi de suite. Chaque bloc peut être divisé en sous-blocs plus petits. Par exemple, dans l'en-tête, on trouve généralement un logo, un menu, un bloc de contacts et ainsi de suite.

Dans Angular, chaque bloc de ce type est appelé composant. Chaque composant peut contenir en son sein des composants plus petits, qui peuvent à leur tour en contenir d'encore plus petits et ainsi de suite.

À chaque composant dans Angular correspond un dossier avec des fichiers, situé dans le dossier src.

L'un des composants doit être le principal - celui auquel les autres composants sont ajoutés. Dans Angular, par défaut, ce composant est le composant App. C'est à ce composant que les autres composants seront connectés. Comment cela se fait - nous l'étudierons plus loin dans le tutoriel.