如何将符号欧元从值的前面移动到它的后面？
例子：
{{product.price | currency : "€"}} 将产生€ 12.00
但我想要12.00 €
【问题讨论】：
标签： javascript angularjs currency
您不必破解货币过滤器！
AngularJS 对 i18n/l10n 有很好的支持。货币过滤器使用区域设置服务中的默认货币符号并根据区域设置对其进行定位。
所以一切都是为了支持和设置正确的语言环境。
<script src="i18n/angular-locale_de-de.js"></script>
如果您使用的是npm 或bower，则所有语言环境都可以通过angular-i18n package 获得。
<span>{{ product.price | currency }}</span>
现在将产生以下输出：
65,95 €
支持多种本地化
如果您想支持多种本地化，请注意货币符号，因为它会更改为所用区域设置的默认货币。但是65,95 € 与$65,95 不同。提供货币符号作为参数以确保安全：
<span>{{ product.price | currency:'€' }}</span>
在de-de 中，输出仍然是65,95 €，但如果位置是例如。 en-us 应该是 €65.95（尽管有其他说法 the correct format to display euro prices in English）。
要了解有关 angular 和 i18n/l10n 的更多信息，请参阅developer guide。
【讨论】：
您不能使用货币过滤器。您可以自己编写，也可以只使用数字过滤器。
{{(produce.price | number:2) + "€"}}
【讨论】：
{{produce.price | number:2 }} €
使用这个技巧。
<div>{{product.price | currency : '' }} €</div>
【讨论】：
提出的解决方案都是肮脏的。
首先，过滤器通过将其添加为参数来允许更改符号：
{{product.price | currency : "€"}}
但正确的方法是按照@Andreas 的建议本地化您的应用程序 如果您在应用程序中使用意大利语言环境设置 (it-it) 对应用程序进行本地化，则只需调用过滤器即可获得 € 符号。
{{product.price | currency }}
意大利语言环境设置将欧元符号放在货币值之前。 您可以更改 che locale 值，或者按照以下链接答案中的建议更好地覆盖它们：
Why AngularJS currency filter formats negative numbers with parenthesis?
您可以覆盖区域设置，将您的货币符号 (\u00A4) 作为正值和负值的前缀或后缀。
app.config(['$provide', function($provide) {
$provide.decorator('$locale', ['$delegate', function($delegate) {
if($delegate.id == 'it-it') {
$delegate.NUMBER_FORMATS.PATTERNS[1].negPre = '\u00A4\u00a0-';
$delegate.NUMBER_FORMATS.PATTERNS[1].negSuf = '';
$delegate.NUMBER_FORMATS.PATTERNS[1].posPre = '\u00A4\u00a0';
$delegate.NUMBER_FORMATS.PATTERNS[1].posSuf = '';
}
return $delegate;
}]);
}]);
所以在这条指令之后过滤器：
{{product.price | currency}}
将产生以下输出
€ 12
【讨论】：
Angularjs 对国际化和本地化有很好的支持。 国际化和本地化的应用取决于您的应用范围。 例如，如果您的应用程序仅支持欧元，那么您只需要欧元的本地化，而不需要所有货币及其格式。
在这种情况下（假设您的情况与上述类似），您可以创建一个应用配置并使用一些装饰器将语言环境设置为您需要的本地化。装饰器函数拦截服务的创建，允许它覆盖或修改服务的行为。
angular
.module('app', [])
.config(['$provide', function($provide) {
$provide.decorator('$locale', ['$delegate', function($delegate) {
$delegate.NUMBER_FORMATS = {
DECIMAL_SEP: '.',
GROUP_SEP: ',',
PATTERNS: [{ // Decimal Pattern
minInt: 1,
minFrac: 0,
maxFrac: 3,
posPre: '',
posSuf: '',
negPre: '-',
negSuf: '',
gSize: 3,
lgSize: 3
}, { //Currency Pattern
minInt: 1,
minFrac: 0,
maxFrac: 1,
posPre: '\u00A4',
posSuf: '',
negPre: '(\u00A4',
negSuf: ')',
gSize: 3,
lgSize: 3
}],
CURRENCY_SYM: '€'
}
return $delegate;
}]);
}])
.controller('appController', ['$scope', function($scope) {
$scope.price = 20.55;
}])<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script>
<div ng-app="app">
<div ng-controller="appController">
Price : {{price | currency}}
</div>
</div>上述配置显示了小数和货币设置的所有可能值。 您可以在应用级别根据您的要求进行更改。
如果您不希望效果在整个应用程序中更好，则使用指令
【讨论】：
这是一个很老的问题，现在不一样了。也许那时也是如此。
所以如果其他人发现了这个..
但您需要包含正确的语言环境才能在货币过滤器中获得正确的货币格式。
检查角度文档，例如荷兰货币格式为 5,00 欧元，而英语为 5,00 欧元，美国为 5.00 欧元
【讨论】：
我在法国的项目（生产中）中使用此解决方案（必须始终显示 5.00 欧元，从不显示 5.00 欧元）：
<span>Price: {{product.price| currency:""}} €</span>
请在投票太快之前阅读这篇文章的真正问题（Angular Js 货币，符号欧元）！！！！
【讨论】：
will produce € 12.00, but I would like 12.00 €
使用locale （如本线程答案中所述 -
Angular Js currency, symbol euro after) 似乎是最正确的方法，但它似乎不能灵活地将货币符号或名称放在你想要的相对于你的价值的地方参考。如果您需要在您的价值之后添加您的货币符号，您可以有一个单独的 product.currency 字段并将其插入到您的价格值之后（或之前）。
因此，如果您有product.price = 40 和product.currency = '€'，则可以使用{{product.price}} {{product.currency}} 将其显示为40 欧元。或通过反转字段获得 40 欧元：{{product.currency}} {{product.price}}。
如果您这样做了 (https://angular.io/api/common/DecimalPipe)，您可能希望通过十进制管道格式化 product.price 值。 - 所以“40.00 €”将是：{{product.amount | number:'2.2-2'}} {{product.currency}}。
fyi - 在这种情况下，我可能会有一个单独的字段 product.currency 和 product.currencySymbol（例如分别为“USD”和“$”），但随后您将更多地了解 @987654333 的功能@ 正如我在上面链接的其他答案中所引用的。但是，如果您需要将货币名称或符号放置在相对于值的不同位置，而不是 Angular 允许您通过其原生管道执行的操作，并且想要使用特定于您正在使用的记录或集合的货币无需在页面上对其符号或名称进行硬编码（例如，如果您要显示多种货币），这是一种动态执行此操作的方法。
【讨论】：
您可以创建一个过滤器：
app.filter('euroFormat', function () {
return function (input) {
return input+' \u20AC';
};
});
并将其应用于您的 html 代码：
<span>Price: {{product.price| euroFormat}}</span>
【讨论】：