如何在angular2中单击按钮时显示/隐藏组件？

Question

我有一张桌子，列标题 - 按钮。当我点击它们时应显示过滤器。过滤器是一个组件。现在我显示那样的过滤器

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

我可以在没有变量“toggleFilter”的情况下显示/隐藏filterbox组件，即按钮单击直接显示/隐藏组件吗？

Answer 1

您可以切换hidden状态，如：

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