Angular 同时使用货币和数字管道

Question

使用Angular 我把这个放在我的组件中

export class AppComponent {
  currency = 'EUR';
  amount = 312.562;

我想在我的模板中以这种格式显示我的金额和我的货币

312.562 -> €000,000,312.562

我试过这个：

{{ amount | number: '9.2' | currency: this.currency }}

但是我有这个错误

Error: InvalidPipeArgument: '000,000,312.562 is not a number' for pipe 'CurrencyPipe'

那么，我怎样才能在不将货币符号视为有效数字的情况下将其添加到前面呢？

建议 ?

Answer 1

货币管道与一些其他参数一起工作，正如您从其签名中看到的那样：

transform(
  value: number|string|null|undefined, currencyCode: string = this._defaultCurrencyCode,
  display: 'code'|'symbol'|'symbol-narrow'|string|boolean = 'symbol', digitsInfo?: string,
  locale?: string)

因此您只需在模板中使用以下内容即可：

{{ amount | currency: this.currency:'symbol':'9.3' }}

（我不确定你是真的想要 9.2 还是 9.3，但最初你说你想要这 000,000,312.562 欧元。所以应该是 9.3）

Angular 同时使用货币和数字管道

Angular use currency and number pipes together

angular

typescript

angular-template

angular-pipe