PrimeNG DataTable Editor显示错误的值

时间:2018-01-20 09:56:19

标签: angular datatable primeng primeng-datatable two-way-binding

我遇到有关Datatable Editor

的问题

我的表是PrimeNG的数据表,此表可以编辑行的任何单元格,所有单元格都是必需的:

这是Datatable的要求:

  • 可以编辑任何单元格
  • 验证任何单元格(必填)

当我完成2个要求时,数据表引发了一个问题,这个问题在下图中 enter image description here

请帮我解决这个问题

这里是Plunker

以下是代码的重要性:

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

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

1 个答案:

答案 0 :(得分:2)

你刚刚在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等于名称,因此对于整个第一列,您的所有输入都具有相同的名称,因此存在问题。