动态将图标添加到ngx-datatable

Question

我需要在Angular 4代码中将图标动态添加到ngx-datatable的行中。

仅简要介绍我要实现的目标： 我的ngx数据表的一列将包含布尔值，即true或false，这当然是由服务返回的。代替true，我需要显示一个glyphicon-ok，另一方面，代替false，我需要显示一个glyphicon-remove。

我在互联网上进行了搜索，但找不到合适的方法。有任何建议吗？

Answer 1

您可以将 <ng-template> 与 button 和 icon 一起使用，如下所示

 <ngx-datatable-column>
   <ng-template let-row="row" ngx-datatable-cell-template>
    <button *ngIf="row.query" md-icon-button mdTooltip="Expand/Collapse Row"
                              (click)="toggleSessionExpandRow(row, 'query')">
                           <i></i>
    </button>
    <span>{{ row.pid }}</span>
</ng-template>
</ngx-datatable-column>