显示价格2个小数位,逗号angular7 / ionic4

时间:2019-04-30 20:37:05

标签: angular7 currency

您好,我从api返回了1.00或2.00之类的价格,但在模板中我想将其显示为€1.00或€2.00。我正在执行以下操作:

<ion-icon name="pricetag" color="secondary"></ion-icon> Minimale Kbestelling <B>{{item.minimal_order | currency:'EUR'}}</B>

如何更换。逗号?我知道千位分隔符使用逗号,但是我只想显示逗号,我该怎么做?

我没有看到执行此操作的选项: https://angular.io/api/common/CurrencyPipe

1 个答案:

答案 0 :(得分:1)

Angular国际化页面(https://angular.io/guide/i18n)提供了大量有关本地化应用程序的信息。如果要使用逗号而不是十进制,则可以选择适当的语言环境,然后将其作为货币管道配置的参数。

currency管道的第四个参数是用于显示的语言环境,它确定是否使用逗号或句点作为基数符号。例如,fr语言环境可能看起来像这样:

https://codesandbox.io/s/k203o9nr07

import { Component } from "@angular/core";
import { registerLocaleData } from "@angular/common";
import localeFr from "@angular/common/locales/fr";

registerLocaleData(localeFr, "fr");

@Component({
  selector: "app-root",
  template: "<div>My number is {{this.value | currency:'EUR':'symbol':'':'fr'}}</div>"
})
export class AppComponent {
  value = 1234.5678;
}

来源: