澳元货币格式答案

【问题标题】：AUD currency format澳元货币格式
【发布时间】：2021-07-03 23:00:03
【问题描述】：

我想使用 angular 获得以下澳大利亚货币格式。

50 澳元

尝试使用货币管道，但似乎没有简单的方法。

有什么想法吗？

【问题讨论】：

查看此链接“stackoverflow.com/questions/42058225/angular2-currency-symbol”
@RaviAshara 这是一个不同的要求。我需要 50 澳元的格式
所以你需要创建自定义管道
stackblitz.com/edit/…查看此链接
@RaviAshara 这是硬编码。有什么意义？

标签： javascript angular angular11

【解决方案1】：

货币管道似乎不支持您想要的开箱即用格式。

您可能应该为它制作自己的管道。比如：

import { Pipe } from "@angular/core";

@Pipe({
  name: "aud",
  pure: true
})
export class AudDirective {
  transform(value: number | string, args?: any): any {
    return "$" + value + " AUD";
  }
}

这是一个有效的Stackblitz（请随意扩展管道代码以使其更健壮/可模块化）

【讨论】：

我正在寻找现有的角货币管道功能。这看起来更像是硬编码。
再一次，遗憾的是，它并没有开箱即用，你总是可以像这样扩展他们的管道：stackoverflow.com/questions/48669394/angular-5-currencypipe 你也可以看看 CurrencyPipe 内部代码，看看他们是如何做到的，并以一种看起来相似且没有硬编码的方式实现管道扩展

【解决方案2】：

有一个称为“货币管道”的角管道，您可以使用它来将值格式化为特定国家/地区的货币。

请查看此堆栈闪电战以获取澳元

https://stackblitz.com/edit/angular-ivy-txzp1b?file=src%2Fapp%2Fapp.component.html

代码：美国 ==> 美元，加拿大 ==> 加元，澳大利亚 ==> 澳元，印度 ==> INR

【讨论】：

我需要 50 澳元。前面是美元符号，最后是澳元。
那我建议，你可以尝试写一个自定义管道并格式化货币
例子？手动硬编码澳元？不这么认为