Angular中如何动态设置currency管道以适配不同币种展示需求？

CurrencyPipe本身支持动态传入币种参数，你遇到输出不符合预期的问题，可以按以下步骤排查调整：

• 校验pro.Currency字段值是否为合法的ISO 4217三位币种代码，例如美元对应USD、人民币对应CNY、欧元对应EUR，如果接口返回的是$、¥这类符号而非标准代码，需要先做一层映射转换为标准代码再传入管道。
• 可以按需补全管道的可选参数调整显示效果，CurrencyPipe的完整语法为：
  {{ 数值 | currency : 币种代码 : 显示模式 : 小数位数规则 : 地区标识 }}
  常用显示模式取值：
  • 'code'：显示币种标准代码，例如USD 300.00
  • 'symbol'：显示币种符号，例如$300.00
  • 'symbol-narrow'：显示窄版符号，部分币种和默认symbol一致
    小数位数规则格式为整数位最小位数.小数位最小位数-小数位最大位数，例如'1.2-2'表示至少1位整数，固定2位小数。
• 如果需要适配特定地区的显示格式（例如人民币默认显示为CN¥，要改为国内常用的¥），需要先在应用根模块中注册对应地区的locale数据：
  示例（app.module.ts中添加）：

  import { registerLocaleData } from '@angular/common';
  import zhCN from '@angular/common/locales/zh-Hans-CN';
  
  registerLocaleData(zhCN);
  

  调用管道时传入对应的地区标识即可：

  <td>{{ pro.CostPrice | currency: pro.Currency : 'symbol' : '1.2-2' : 'zh-Hans-CN' }}</td>
  

按以上规则调整后，即可实现根据接口返回的币种字段动态切换金额显示格式的需求。

内容的提问来源于stack exchange，提问作者Random