ボタンでコンポーネントを表示/非表示にする方法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>