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

「ユーザーを追加」ボタンをクリックした場合のみ、下のdivが表示されます。このコードは機能しますが、私はこれを行うためのより良い方法があることを知る必要があります。角度を使用して表示/非表示を切り替える5

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

この問題を解決するための最良の方法ですか? – Oswald

+0

はい(クリック)= "show =!show"のように使用できます –

答えて

1

私はあなたが探しているかわからないけど、* ngIfは、ボタンをクリックするだけでショー=!ショーのようなものを使用する必要がありますこと

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

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

答えにいくつかのコード例を追加してください –

関連する問題