Discussion :

[olivier252]

Hello,

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

[krakatoa]

app.component.html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[olivier252]

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[krakatoa]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

[olivier252]

yep merci, je viens d'y arriver !