show and hide using angular 5

<div class="m-t-sm"> 
<app-button [btnText]="'ADD USER'" (click)="!show" [btnType]="'text'" [btnColor]='"submit-btn-color"'></app-button> 
</div>

Nur wenn die Schaltfläche "Benutzer hinzufügen" angeklickt wird, sollte das folgende div erscheinen. dieser Code funktioniert, aber ich muss wissen, gibt es einen besseren Weg, dies zu tun.show and hide using angular 5

<div class="selected-code-box" *ngIf="show"> 
      <div class="row no-margins"> 
      <div class="col-md-4"></div> ...//code goes.. 
</div>

Quelle

2017-12-20 twittee

können Sie sollten so etwas wie Show verwenden zu lösen =! Show auf die Schaltfläche klicken? – Oswald

Ja, Sie können es verwenden wie (klicke) = "show =! Show" –

Ich bin nicht sicher, was Sie suchen, aber * ngIf der beste Weg ist, um dieses Problem

<app-button [btnText]="'ADD USER'" (click)="show = !show"></app-button> 

<div *ngIf="show"> 
     <!-- code --> 
</div>

Quelle

2017-12-20 12:01:44 BO41

Bitte fügen Sie ein Code-Beispiel zu Ihrer Antwort hinzu –

show and hide using angular 5

Antwort

Verwandte Themen