带小数的角度货币管

Question

我使用currencyPipe进行输入，它可以工作，但有时我需要添加小数，但使用我正在使用的代码我无法做到这一点。

    this.form.valueChanges.subscribe(res => {
  if(res.total_actives_amount){
    this.form.patchValue({
      total_actives_amount: this.currencyPipe.transform(res.total_actives_amount.replace(/\D/g, '').replace(/^0+/, ''), 'USD', 'symbol', '1.0-0')
    }, {emitEvent: false});
  }
})

我认为问题出在这一行：

total_actives_amount: this.currencyPipe.transform(res.total_actives_amount.replace(/\D/g, '').replace(/^0+/, ''), 'USD', 'symbol', '1.0-0')

Answer 1

货币管道内的转换方法具有以下参数：

transform(
   value: string | number,
   currencyCode: string,
   display: string | boolean,
   digitsInfo: string,
   locale: string
) {...}

digitsInfo 采用以下格式：

{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}

您为digitsInfo 指定的值是 1.0-0

minIntegerDigits = 1

minFractionDigits = 0

maxFractionDigits = 0

显示您必须更改的十进制数字minFractionDigits 和 maxFractionDigits 为大于 0 的数字

例如

1.1-3

这将显示至少一位小数数字且最多 3 位小数

参考 angular.io/currency