要素を切り替える方法は？

Question

私はテンプレートでこの持っている：私はこの持っているTSに

<ul class="itme-flow-title sticky"> 
    <li>Zahtjev/Stavka <i (click)="filter(1)" class="fa fa-filter"></i> <input *ngIf="showFilter==='1'" type="text"></li> 
    <li>Usluga <i (click)="filter(2)" class="fa fa-filter"></i><input *ngIf="showFilter==='2'" type="text"></li> 
    <li>Broj telefona <i (click)="filter(3)" class="fa fa-filter"></i><input *ngIf="showFilter==='3'" type="text"></li> 
</ul> 

：ユーザーは、この入力を閉じるには、同じアイコンをもう一度クリックすると

filter(filterNumb){ 
    this.showFilter = filterNumb; 
} 

は、今私が欲しいものもあります。どのように私はそれを行うことができますどのような提案？

Answer 1

これで解決できる場合があります。必要がない場合詳細。

filter(filterNumb){ 
    if(this.showFilter !== filterNumb) { 
    this.showFilter = filterNumb; 
    } 
    else { this.showFilter = '0'; } 
}