Angular 在p列中显示图标

如果对象列列表中的icon=true，我希望显示fa礼品图标（），否则显示空列

这是我的数据表；我正在使用素数和角4

<p-dataTable [(value)]="this.columnList" selectionMode="single"  rows="25" [responsive]="true" [loading]="false" sortField="offeredDate">
            <p-header><div class="ui-helper-clearfix" style="width:100%"><span class="results-text" >Showing {{this.mccFilterPanelService.countResults }} results as of {{currentDate}} </span></div></p-header>
            <p-column field="id" hidden="true"></p-column>
            <p-column field="childName" header="Child" ></p-column>           
            <p-column field="programName" header="Program" ></p-column>
            <p-column field="careOptionName" header="Care Options/Offerings" ></p-column>
            <p-column field="offerStatus" header="Offer Status" ></p-column>
            <p-column field="offeredDate" header="Offer Date" ></p-column>
            <p-column field="careAvailableDate" header="Care Availability Date" ></p-column>
            <p-column field="icon" header="Icon" >Display fa-icon if icon is true here</p-column>                

            </p-column>
        </p-dataTable>

你可以试试这个

            <p-column field="icon" header="Icon" >
                 <ng-template let-rowdata="rowData" pTemplate="body">
                      <i *ngIf="rowdata?.icon" class="fa fa-gift" aria-hidden="true"></i>
                 </ng-template>
            </p-column>                

下面是一个实用的例子

            <p-column field="icon" header="Icon" >
                 <ng-template let-rowdata="rowData" pTemplate="body">
                      <i *ngIf="rowdata?.icon" class="fa fa-gift" aria-hidden="true"></i>
                 </ng-template>
            </p-column>