Créer un layout template avec angular et bootstrap

Bonjour à la communauté,
je suis en phase d'apprentissages du framework angular et bootstrap.
Je souhaiterais avoir des indications pour créer un layout template structuré comme suit :
L'écran est divisé en trois parties :

• le header (qui contient le menu)
• la zone de travail (qui est fonction du menu choisi)
• et le footer

J'ai pu créer les trois parties sans problème. Mon souci est que lorsque je sélectionne un élément du menu (Menu 1 par exemple), le contenu s'affiche dans la zone de travail. ce contenu comporte deux parties :

• un menu latéral
• et une zone d'affichage qui doit contenir mes objets (tableaux, formulaires...)lorsqu'un élément du menu est sélectionner.

Entant nouveau sur le Framework Angular, je ne sais pas si c'est au niveaux du router que cela doit se faire.

Pièce jointe 620466
D'avance merci
PS, j'ai ajouté une illustration.

en effet, tu peux le faire au niveau du routeur

grossièrement

app.component.html

Code:

---

1 2 3 4

<header></header> <content> // zone de travail <app-router></app-router> </content>

---

ainsi, les composants seront injectés dans <app-router> en fonction du routage !