Afficher un composant au-dessus d'un menu mat-tab-nav

Hello,

Tout est dans le titre, j'ai un menu mat-tab-nav comme ceci :

Code:

---

1 2 3 4 5 6

<nav mat-tab-nav-bar> <a mat-tab-link routerLink='ventes' routerLinkActive="active-link">Ventes</a> <a mat-tab-link routerLink='ventes-sold' routerLinkActive="active-link">Ventes Soldées</a> <a mat-tab-link routerLink='zonage' routerLinkActive="active-link">Zonage</a> <a mat-tab-link routerLink='picture' routerLinkActive="active-link">Prendre une photo</a> </nav>

---

J'aimerais afficher les compos au dessus quand on clic sur un item..Une idée ?

Merki !:D

app.component.html

Code:

---

1 2 3 4 5 6 7 8

<router-outlet></router-outlet>   <nav mat-tab-nav-bar> <a mat-tab-link routerLink='ventes' routerLinkActive="active-link">Ventes</a> <a mat-tab-link routerLink='ventes-sold' routerLinkActive="active-link">Ventes Soldées</a> <a mat-tab-link routerLink='zonage' routerLinkActive="active-link">Zonage</a> <a mat-tab-link routerLink='picture' routerLinkActive="active-link">Prendre une photo</a> </nav>

---

Ok merci en effet, je pensais qu'il fallait une petie propriété, et d'après toi, est-ce que c'est possible

Est-ce que c'est possible d'intégrer un compo comme ceci sinon ?

Code:

---

1 2 3 4 5

<mat-tab-group headerPosition="below"> <mat-tab label="First"<app-compo1></app-compo1></mat-tab> <mat-tab label="Second"><app-compo2></app-compo1></mat-tab> <mat-tab label="Third"><app-compo3></app-compo1></mat-tab> </mat-tab-group>

---

merci encore

tu as oublié un >, j'ai corrigé !

Code:

---

1 2 3 4 5 6

<mat-tab-group headerPosition="below"> <mat-tab label="First"><app-compo1></app-compo1></mat-tab> <mat-tab label="Second"><app-compo2></app-compo1></mat-tab> <mat-tab label="Third"><app-compo3></app-compo1></mat-tab> </mat-tab-group>

---

sinon oui, c'est faisable !

yep merci, je viens d'y arriver !