Question

我有一个为每一行创建的输入（我正在使用PrimeNG / datatable）。

我的问题是这个输入是获取局部变量#itsmIncident，因此该值可以传递给“保存”按钮。但是，对于多行，这会导致问题，有时会从另一行的文本框中获取值。

<p-column field="ITSMIncident" header="ITSM Incident" [sortable]="false" 
    [filter]="true" filterMatchMode="contains" [editable]="true" (onEdit)="editITSMIncident($event)">
    <template let-col let-row="rowData" pTemplate="editor">
        <input #itsmIncident type="text" pInputText [value]="row[col.field]" />
        <button type="button" pButton (click)="editITSMIncident(row, itsmIncident)">Save</button>
    </template>
</p-column>

Answer 1

你应该使用[（ngModel）]这是双向数据绑定的最佳实践

<p-column field="ITSMIncident" header="ITSM Incident" [sortable]="false" 
    [filter]="true" filterMatchMode="contains" [editable]="true" (onEdit)="editITSMIncident($event)">
    <template let-col let-row="rowData" pTemplate="editor">
        <input #itsmIncident type="text" pInputText [(ngModel)]="row[col.field]" />
        <button type="button" pButton (click)="editITSMIncident(row, itsmIncident)">Save</button>
    </template>
</p-column>

这应该强制传递特定行的数据。如果需要更多帮助，请告诉我

表格的每一行的Angular2唯一输入

1 个答案: