Primeng 4.3：数据表列值 'S'、'N' 到 'Yes' 'No'

Question

我有这些列：

this.cols = [
   { field: 'acronym', header: 'Acrònim', sortable: true },
   { field: 'name', header: 'Nom', sortable: true },
   { field: 'commonUserName', header: 'Credencial', sortable: true },
   { field: 'scope', header: 'Àmbit', sortable: true },
   { field: 'transversal', header: 'Transversal', sortable: true },
   { field: 'startDate', header: 'Data Inici', sortable: true },
   { field: 'suspendDate', header: 'Data Suspensió', sortable: true },
];

Html p-dataTable 是：

<div style="margin-bottom: 1.54em" *ngIf="!apps.error">
    <p-dataTable #appsTable [value]="apps.content"...>
        <p-column *ngFor="let col of cols" [field]="col.field" [header]="col.header" [sortable]="col.sortable">
        </p-column>
    </p-dataTable>
</div>

而 table 看起来像：

如您所见，值为 S|N，我想在值为 "S" 时显示 "Yes"，在值为 [=22= 时显示 "No" ].

数据是一个数组：

export interface ApplicationUser {
    acronym: string;
    code: string;
    commonUserName: string;
    description: string;
    name: string;
    transversal: string;
}

有什么想法吗？

Answer 1

使用模板列来定义列

<p-column *ngFor="let col of cols" field="col.field" header="col.header">
    <ng-template let-col let-data="rowData" let-ri="rowIndex" pTemplate="body">
        <span>{{col.field=='transversal'?data[col.field]=='S'?'Yes':'No':data[col.field]}}</span>
    </ng-template>
</p-column>

Primeng 4.3：数据表列值 'S'、'N' 到 'Yes' 'No'

Primeng 4.3: Datatable column value 'S', 'N' to 'Yes' 'No'

typescript

primeng

angular

primeng-datatable