javascript - 如何使用货币管道获取组件中最多两位小数的值？

Question

我有一个值，例如 54781.7622000 和 1123.11。我希望这个值的格式类似于 $54781.76 、 $1123.11。

//import currency pipe
import { CurrencyPipe } from '@angular/common'

//initialize  in constructor
constructor(private cp: CurrencyPipe)

this.formatedOutputValue = this.cp.transform(parseInt(this.outputValue));

我试过在这个值之后对额外的参数求和。

this.formatedOutputValue = this.cp.transform(parseInt(this.outputValue),1.2-2);

但不锻炼。

Answer 1

您没有将所有需要的参数传递给 transform()

这是货币管道 transform() 在 Angular 中接受的内容(来源:Angular codebase)

transform(value: any, currencyCode?: string, display: 'code'|'symbol'|'symbol-narrow'|string|boolean = 'symbol', digitsInfo?: string, locale?: string)

您可以通过将正确的数据传递给 transform() 来解决您的问题，如下所示。

this.formatedOutputValue = this.cp.transform(this.outputValue, 'USD', 'symbol', '1.2-2');

这是关于 StackBlitz 的工作示例.您还可以在本例中看到如何在模板中直接使用管道。