在html-Angular2中使用管道来管理标题

Question

我正在使用“ngx-datatable”构建行和列。对于其中一个行项目，我需要使用管道来大写项目。我知道如何在.js中做到这一点。但出于某种原因，我必须在html中执行此操作。我不知道如何在HTML中做到这一点。任何人都可以帮忙吗？

提前致谢..

  private getRows() {
    this.rows = [];
    for (const item of this.list) {

      const rowObject: any = {
        date: item.date, 
        method:item.method,                    status:item.status),
        detail: item.paymentId
      };

      
      this.rows.push(rowObject);
    }


  }

 <ngx-datatable
    [rows]="rows"
    [columns]="columns"
    *ngIf="rows.length">
  </ngx-datatable>

Answer 1

您可以控制行模板的输出。

<ngx-datatable [rows]="rows" [columns]="columns" *ngIf="rows.length">

  <ngx-datatable-column name="Date">
    <!-- condition logic here -->
    <ng-template let-value="value" ngx-datatable-cell-template>
      <!-- value with a pipe -->
      {{value | date}}
    </ng-template>

  </ngx-datatable-column>

</ngx-datatable>