在PrimeNG DataTable中以2個不同的圖標（一個爲true，一個爲false）的形式表示布爾值

Question

我想以數據表primeng中列字段的圖標形式表示布爾值。下面是一段代碼：

<p-dataTable [value]="ARRAY_METADATA" rowHover="true"> 
    <p-column field="id" header="Field ID" [sortable]="true"></p-column> 
    <p-column field="booleanField" header="Boolean Field" [sortable]="true"></p-column> 
</datatable> 

我怎麼來也許表現出「嘀」的真正價值和「跨界」爲的booleanField假值？

<span class="badge">BOOLEAN VAUE</span> 

我猜上面的代碼在純HTML的情況下效果很好。但是我又怎麼想把條件語句爲不同的布爾值輸出兩個不同的圖標呢？ 任何快速的想法？

我嘗試使用ngIf，但它仍然不顯示我需要的方式。它只是顯示NG-模板的內容：

<p-column field="someStringField" header="Some String Field"> 
    <div *ngIf="someStringField; else elseBlock"> 
     <button type="button" pButton icon="fa-check"></button> 
    </div> 
    <ng-template #elseBlock pTemplate="body" > 
     <button type="button" pButton icon="fa-times"></button> 
    </ng-template> 
</p-column> 

Answer 1

我相信你必須把你想在柱上可見是在NG-模板

<ng-template let-col="rowData" pTemplate="body"> 
    <button *ngIf="col.someValue" type="button" pButton icon="fa-check"></button> 
    <button *ngIf="!col.someValue" type="button" pButton icon="fa-times"></button> 
</ng-template>