如何切換元素？

Question

我有這樣的模板：

<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> 

在TS我有這樣的：

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

現在我想要什麼，也再次當用戶點擊同一圖標關閉此輸入。任何建議我該怎麼做？

Answer 1

這可能會解決它。如果不是，我需要更多信息。

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