用逗号 angular 7 / ionic 4 显示价格 2 位小数

Question

您好，我从 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

Answer 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;
}

来源：

• https://angular.io/api/common/CurrencyPipe#parameters
• https://stackoverflow.com/a/52440415/1941654