Angular 连续更改数据中的按钮单击问题

我正在创建一个表，其中数据不断更新。每行有一个按钮。我们在按钮的单击事件中添加了一个弹出窗口。该按钮如何因数据变化而闪烁。无法点击按钮

我尝试过@ViewChild（），但它对我不起作用

 <tbody *ngFor="let runner of fancyRunners">
  <tr class="spacer">
    <td><button onload="loadBtn(runner.id)"  id="book-match-{{runner.id}}"   runat="server"  (click)="showAlert(runner)"  class="button rounded-full-btn cancel-btn custom-button">Book</button></td>
    <td class="priority-3"><b>{{runner.back2 | round}}</b><br />{{runner.backValue2 | round}}</td>
    <td class="priority-3"><b>{{runner.back1 | round}}</b><br />{{runner.backValue1 | round}}</td>
  </tr>
</tbody>

---

我只想单击按钮。该按钮应第一次呈现，而不是仅更改其他数据。

因为此重新分配

this.fancyRunners=this.fancy.runners行正在重新排序，并且您的按钮正在闪烁。
不要每次都重新分配给“fancyRunners”，写一个逻辑，第一次分配，然后下次更新数组（fancyRunners）。
谢谢@Prawin谢谢你的回答。你刚刚救了我一天。
  if(JSON.parse(message.body).fancy!=null){
  this.fancy = JSON.parse(message.body).fancy;
  }
  this.fancyRunners = this.fancy.runners;