角管空间

Question

我正在使用管道来应用它将显示什么样的货币。R$或$。但是它被总值卡住了，我想知道如何得到管道值之间的间距。

​

预期结果86.20雷亚尔

​

<ng-container matColumnDef="totalValue">
            <mat-header-cell class="mr-16" *matHeaderCellDef fxFlex="15"  fxLayoutAlign="end center">Total R$</mat-header-cell>
            <mat-cell  class="mr-16" *matCellDef="let element" fxFlex="15"  fxLayoutAlign="end center" >
              <p class="text-truncate" matTooltip='{{ element.totalValue  | currency : element.currency : "symbol" }}'>
                {{ element.total | currency : element.currency : "symbol" }}
              </p>
            </mat-cell>
          </ng-container>

​

Answer 1

您可以定义一个自定义CurrencySpacePipe，它扩展CurrencyPipe并在货币符号后面插入一个空格：

import { Pipe } from '@angular/core';
import { CurrencyPipe } from '@angular/common';

@Pipe({ name: "currencySpace" })
export class CurrencySpacePipe extends CurrencyPipe {
  transform(value: number, ...args: any[]): string {
    return super.transform(value, ...args).replace(/([^\d.,])(\d)/, "$1 $2");
  }
}

并在标记中使用该管道而不是标准的CurrencyPipe：

{{ element.total | currencySpace : element.currency : "symbol" }}

有关演示，请参见这一堆闪电战。

Answer 2

如下面的代码所示，将结尾处的空格连接起来。这是给我用的。顺便说一下，我用的是角6。

<span>{{ product.price | currency:'USD' + ' ' }}</span>