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()
est ce que ça vous parait correct ? vaudrait-il mieux utiliser hidden ? merci
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>
Partager