Question

如何在“材料”列上使用Angular CurrencyPipe。我所有的列都是动态的，并显示在tableView.columns

中

我的模板是

<ng-container [matColumnDef]="col" *ngFor="let col of tableView.columns;let i=index">
  <mat-header-cell *matHeaderCellDef>{{col}}</mat-header-cell>
  <mat-cell [class]="tRow.cells[i].classes" *matCellDef="let tRow">{{ tRow.cells[i].text }}</mat-cell>
  <mat-footer-cell *matFooterCellDef>{{ tableView.footer.cells[i].text }}</mat-footer-cell>
</ng-container>

在最后一列中，我想添加| currency

Answer 1

对不起，我没有读过，您希望传送最后一列。

您可以在ngFor上使用最后一个变量。看看是否是最后一列。

<ng-container [matColumnDef]="col" *ngFor="let col of tableView.columns;let i=index; let last=last;">
    <mat-header-cell *matHeaderCellDef>{{col}}</mat-header-cell>
    <mat-cell [class]="tRow.cells[i].classes" *matCellDef="let tRow">
      <span *ngIf="last">
        {{ tRow.cells[i].text | currency}}
      </span>
      <span *ngIf="!last">
          {{ tRow.cells[i].text}}
        </span>
    </mat-cell>
    <mat-footer-cell *matFooterCellDef>{{ tableView.footer.cells[i].text }}</mat-footer-cell>
</ng-container>

Answer 2

尝试一下

docker-compose.yml

如何在“材质”列上使用Angular CurrencyPipe？

2 个答案: