Angular中的区域设置，用于货币使用

Question

我对Angular（1.6.4）很陌生，基本上我需要通过在此Angular应用程序中设置$locale来将货币符号更改为我页面中显示的所有值。

目前我有这样的事情：

{{myCtrl.getPrice() | currency : myCtrl.user.currency.symbol}}  //returns $10

我想用这一行替换该行：

{{myCtrl.getPrice() | currency}}

要使用$locale设置的货币，我的问题是如何设置$locale？在线文档在这个问题上非常瘦。

我很感激任何提示，因为我现在非常困难，谢谢！

Answer 1

您需要做的就是更改NUMBER_FORMATS.CURRENCY_SYM服务的$locale常量（记得将其注入控制器中）：

.controller('MainCtrl', ['$locale', function ($locale) {
  // this.user should come from somewhere ...

  $locale.NUMBER_FORMATS.CURRENCY_SYM = this.user.currency.symbol
}])

如果您需要为整个应用程序设置货币符号，则在应用程序的运行块中更改CURRENCY_SYM是有意义的。