如何在angular 2 primeng可编辑数据表中添加输入验证

Question

我正在尝试为angular 2项目中的primeng可编辑数据表添加验证。任何人都可以让我知道答案。

Answer 1

您可以使用模板标记，然后在其中设置formControlName。

<p-dataTable [value]="tickets" [editable]="true">
  <p-column field="id" header="Number" [editable]="true">
    <ng-template let-col let-ticket="rowData" pTemplate="editor">
      <input type="text" pInputText formControlName="id" [(ngModel)]="ticket[col.field]"/>
    </ng-template>
  </p-column>
  <p-column field="name" header="Name" [editable]="true">
     <ng-template let-col let-ticket="rowData" pTemplate="editor">
      <input type="text" pInputText formControlName="name" [(ngModel)]="ticket[col.field]"/>
    </ng-template>
  </p-column>
</p-dataTable>