如何在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>