Affichage d'un composant après un clic($event) Angulaire 4

Je suis en train de créer un événement sur un cliquez sur le bouton qui a tiré sur un autre composant, si vous cliquez de nouveau réduire le composant (une partie de l'élément affiché est toujours visible)..
Je sais ce qui pourrait être fait avec [ngClass]='hidden' et tout dans le même composant mais je ne suis pas sûr que ce soit la meilleure façon en termes de modularité.
Merci d'avance

Voici mon code html:

<div class="daydetail">
     <h1>Detail of the day</h1>
     <button type="button" label="Click"(click)="display('my-displaychild')"></button>
     <div>{{my-displaychild}}</div>
</div> 

Ici, c'est mon composant:

import { DisplayChildComponent } from './displaychild.component';

export class AppliV2Component   { 


    display(vid:DisplayChildComponent) {
           console.log(DisplayChildComponent);
    }


 }
  • utilisation ngIf directive
  • merci je n'avais pas pensé à ngIf facile 🙂 je vais essayer merci pour votre aide
  • pas de problème, laissez-moi savoir comment ça se passe
  • comment pourriez-vous faire un $event égal à ngIf ? Pourriez-vous me montrer un exemple?