如何在angular2上點擊按鈕時顯示/隱藏組件？

Question

我有一個表，列標題 - 按鈕。當我點擊它們時應該顯示過濾器。過濾器是一個組件。現在我告訴像

<button class="filter-btn" (click)="toggleFilter='category'">Category</button> 
<filterbox [elements]="filters.categories *ngIf="toggleFilter=='category'"></filterbox> 

濾波器我來帶不變量/隱藏filterbox組件「toggleFilter」即按一下按鈕直接顯示/隱藏組件？

Answer 1

您可以切換如hidden狀態：

<button class="filter-btn" (click)="filter.hidden = !filter.hidden">Category</button> 
<filterbox #filter [elements]="filters.categories></filterbox>