如何在angular2上点击按钮时显示/隐藏组件?
问题描述:
我有一个表,列标题 - 按钮。当我点击它们时应该显示过滤器。过滤器是一个组件。现在我告诉像如何在angular2上点击按钮时显示/隐藏组件?
<button class="filter-btn" (click)="toggleFilter='category'">Category</button>
<filterbox [elements]="filters.categories *ngIf="toggleFilter=='category'"></filterbox>
滤波器我来带不变量/隐藏filterbox组件“toggleFilter”即按一下按钮直接显示/隐藏组件?
答
您可以切换如hidden
状态:
<button class="filter-btn" (click)="filter.hidden = !filter.hidden">Category</button>
<filterbox #filter [elements]="filters.categories></filterbox>
是的!有用!谢谢! – Green176
不客气,谢谢你的反馈:) –