表:tr:(单击) => 触发器 *ngFor



我有一个来自 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"循环再次被触发......

这真的很烦人,因为当您单击并拖动以复制时,它会刷新页面,您的选择将消失......

谁能解释为什么以及如何禁用它?

如果您需要任何其他信息,只需询问我:)

而不是这个 (点击(="!允许点击 ||更改表(dataObject.id(" 试试这个 (点击(="允许点击?更改表(dataObject.id( : ' ' ' ">

调用该函数 changeTable 并检查您的条件允许单击该功能块以执行其余代码。

最新更新