Javascript 如何显示/隐藏切换图标？

我需要显示/隐藏图标，而不是现在切换图标。 代码：

isActive

变量的第一个值为false。

它在*ngFor中工作

---

如果使用ngFor，为什么要传递对象

<button *ngFor="let item of items" (click)="toggleActive(item)">click me</button>


toggleActive(item) {
  item.active = !item.active;
}

点击我
toggleActive（项目）{
item.active=！item.active；
}

请检查它是否对您有帮助。检查这个新的解决方案，它在我的演示项目中对我有效。我不理解现在编写的问题。请提供Stackblitz或一些其他信息，如预期结果。什么是item.active。当i console.log item.active出现未定义错误时，我以为您正在对象上存储状态。这将允许您分别更新每个对象的状态。如果需要，可以取消设置集中的其他对象。

  clickerTrue(set, index) { 
    this.isActive = this.isActive === index ? null : index; 
  }

<td *ngIf="isActive != set" (click)="clickerTrue(set, i)">
              <img src="https://img.icons8.com/office/30/000000/plus.png"/>
            </td>
            <td *ngIf="isActive == set">  
              <input type="text" [(ngModel)]="set.note" name="value" class="form-control" /> 
          </td>  

public isActive: any;

clickerTrue (set: any, index: number) { 
    this.isActive = set; 
}

<button *ngFor="let item of items" (click)="toggleActive(item)">click me</button>


toggleActive(item) {
  item.active = !item.active;
}