Javascript 单击时使函数运行

我想让闪烁的图标，当我点击它

我的ts文件

  onBlink() {
    this.action = true;
    setTimeout(() => {
      this.action = false;
    }, 1000)
    return this.action
  };

我的HTML文件 操作在ts中声明为任何类型

<td mat-cell *matCellDef="let element">
 <mat-icon (click)="element.action = onBlink()" class="icon bulb" 
     [ngClass]="{
     'blink_me': element.action ,
     '': element.action === false}
     ">wb_incandescent</mat-icon>
</td>

wb_白炽灯

这个想法很好，我只是稍微修改了一下语法：

<mat-icon
  (click)="onBlink()"
  class="icon bulb"
  [ngClass]="{ 'blink_me': action }">
  wb_incandescent
</mat-icon>
````

wb_白炽灯
````

这个想法很好，我只是稍微修改了一下语法：

<mat-icon
  (click)="onBlink()"
  class="icon bulb"
  [ngClass]="{ 'blink_me': action }">
  wb_incandescent
</mat-icon>
````

wb_白炽灯
````

您需要将元素从html传递到ts：

<mat-icon (click)="onBlink(element)" class="icon bulb" [ngClass]="element.action ? 'blink_me': ''">wb_incandescent</mat-icon>

---

您需要将元素从html传递到ts：

<mat-icon (click)="onBlink(element)" class="icon bulb" [ngClass]="element.action ? 'blink_me': ''">wb_incandescent</mat-icon>

---

解释这个问题？这个想法看起来很合理，我不确定当我单击“我希望属性a类”使图标闪烁时问题出在哪里，之后我需要删除该类，以便再次单击图标并再次闪烁。元素是什么？因为我使用“角度材质表”，元素用于让我的object的每个值都使用新的值编辑我的代码，它只工作一次，因为ngClass的class属性并没有消除问题的解释？这个想法看起来很合理，我不确定当我单击“我希望属性a类”使图标闪烁时问题出在哪里，之后我需要删除该类，以便再次单击图标并再次闪烁。元素是什么？因为我使用“角度材质表”，元素用于让我的object的每个值使用新的元素编辑我的代码，它只工作一次，因为ngClass的class属性没有删除它不工作，因为当我从Html中删除元素时，表中的所有图标同时闪烁，我不能在我的ts文件中使用元素，因为它是由htmlAh生成的，然后需要将元素的值传递给onblink方法。我将更新不起作用的应答，因为当我从Html中删除元素时，表中的所有图标都会同时闪烁，并且我不能在ts文件中使用元素，因为它是由htmlAh生成的，然后您需要将元素的值传递给onblink方法。我会更新我的答案