连续变化数据中的按钮点击问题

Question

我正在创建一个表，其中数据是更新continuously.In每行有一个button.We有添加一个弹出窗口在点击事件的button.Some如何按钮闪烁由于数据的变化。并且不能点击按钮。

我尝试过@ViewChild(https://angular.io/api/core/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>

以下代码在ts文件中，运行时间为200ms

  if(JSON.parse(message.body).fancy!=null){
  this.fancy = JSON.parse(message.body).fancy;
  }
  this.fancyRunners = this.fancy.runners;

我只想按钮被click.that按钮应该是第一次呈现，而不是只有其他数据应该被改变。

Answer 1

由于这个重新分配的this.fancyRunners = this.fancy.runners;，行被重新呈现，并且您的按钮闪烁。不要每次都重新分配给“fancyRunners”，写一个逻辑来分配第一次，然后在下一次更新数组(FancyRunners)。