表:tr：(单击) =>触发器*tr用于

Question

我有一个来自API的表格，我允许点击表格行，这样数据就可以通过后台代码进行更改：

<tr [ngClass]="tablerowClass" *ngFor="let dataObject of data$ | async" (click)="!allowClick || changeTable(dataObject.id)">
    <td *ngFor="let key of createTableArray(dataObject)" class="{{ getTableColumnClass(key.key) }}">
        <div [innerHTML]="key.value"></div>
    </td>
</tr>

当行不应该是可点击的时候，我添加了'allowClick'，但是当他们单击行时，函数'changeTable()‘不会被调用，但是页面正在刷新，因为'*ngFor’循环再次被触发...

这真的很烦人，因为当你点击并拖动复制时，它会刷新页面，你的选择就会消失……

有人能解释一下为什么和如何禁用它吗？

如果您需要任何其他信息，请直接问我:)

Answer 1

而不是这个(单击)=“！allowClick || changeTable(dataObject.id)”试试这个(单击)=“allowClick? changeTable(dataObject.id)：‘’”

或

调用函数changeTable并检查您条件是否允许在该函数块内单击以执行其余代码。