如何切换元素？

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'; }
}