PrimeNG 数据表编辑器显示错误值

Question

我遇到有关数据table编辑器

的问题

我的table是PrimeNG的数据table，这个table可以编辑行的任何单元格，所有单元格都是必需的：

这里是Datatable的要求：

• 可以编辑任何单元格
• 验证任何单元格（必需）

当我完成2个需求时，数据table出现了一个问题，这个问题如下图

请帮我解决这个问题

这里是Plunker

重要的代码如下：

<input [(ngModel)]="data[col.field]" pInputText required="true" [name]="col.field" />

如果我添加属性 [ngModelOptions]="{standalone: true}" 问题将得到解决，但验证将被删除。

Answer 1

您刚刚在 name 属性中输入了错误。替换

<input [(ngModel)]="data[col.field]" pInputText required="true" [name]="col.field" />

与

<input [(ngModel)]="data[col.field]" pInputText required="true" [name]="data[col.field]" />

在您的情况下，col.field 等于 name 因此对于整个第一列，您的所有输入都具有相同的名称，因此出现了问题。