Bonjour,

J'ai dans un composant parent 2 boutons btn1 et btn2 qui appellent un même composant enfant qui contient respectivement dans son html :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
-<app-composantA></app-composantA>
-<app-composantB></app-composantB>
-<app-composantC></app-composantC>

Losrque je clique surbtn1, j'aimerais afficher :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
-<app-composantA></app-composantA>
-<app-composantB></app-composantB>

quand je clique sur btn2, je souhaiterais afficher seulement
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
-<app-composantC></app-composantC>

J'ai pensais faire ça avec la directive ngIf et un boolean (test ds l'exemple) passé en Input()

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<app-composantA *ngIf="!test"></appcomposantA>
<app-composantB *ngIf="!test"></<app-composantB>
<app-composantC *ngIf="test"></app-composantC>
 
<button label="btn1" (click)="test= false">btn1</button>
<button label="btn2"  (click)="test= true">btn2</button>
est ce que ça vous parait correct ? vaudrait-il mieux utiliser hidden ? merci