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

【问题标题】：How to add input validations in angular 2 primeng editable datatable如何在 Angular 2 Primeng 可编辑数据表中添加输入验证
【发布时间】：2018-04-04 23:16:59
【问题描述】：

我正在尝试为 angular 2 项目中的primeng 可编辑数据表添加验证。谁能告诉我答案。

【问题讨论】：

标签： angular primeng-datatable

【解决方案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>

【讨论】：