blocks|key|4221392|text|您不必破解货币过滤器！|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|4221393|AngularJS对i18n/l10n有很好的支持。货币筛选器使用区域设置服务中的默认货币符号，并根据区域设置对其进行定位。|4221394|所以这一切都是关于支持和设置正确的语言环境。|4221395|<script+src="i18n/angular-locale_de-de.js"></script>|code-block|syntax|javascript|4221396|如果您使用的是npm或bower，则可以通过angular-i18n+package使用所有区域设置。|CODE|4221397|{{+product.price+%7C+currency+}}|4221398|现在将生成以下输出：|4221399|65,95+€|4221400|支持多本地化的|4221401|如果您希望支持多种本地化，请小心使用货币符号，因为它会更改为所用区域设置的默认货币。但是65,95+€与$65,95是不同的。提供货币符号作为安全参数：|4221402|{{+product.price+%7C+currency:'€'+}}|4221403|在de-de中，输出仍然是65,95+€，但是如果位置是例如。它应该是€65.95+(尽管有其他一些说法是the+correct+format+to+display+euro+prices+in+English)。|4221404|要了解有关angular和i18n/l10n的更多信息，请参阅developer+guide。|4221405|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/angular/bower-angular-i18n|1|https://en.wikipedia.org/wiki/Euro_sign#Use|2|https://docs.angularjs.org/guide/i18n^0|0|B|0|0|0|0|7|3|B|5|M|C|Z|7|0|0|0|0|0|0|18|7|1G|6|0|0|1|5|D|7|Z|6|1H|1G|1|0|V|F|2|0^^$0|@$1|2|3|4|5|6|7|1J|8|@$9|1K|A|1L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1M|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|1N|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|1O|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|1P|8|@$9|1Q|A|1R|B|Q]|$9|1S|A|1T|B|Q]|$9|1U|A|1V|B|Q]]|D|@$9|1W|A|1X|1|1Y]]|E|$]]|$1|R|3|S|5|L|7|1Z|8|@]|D|@]|E|$M|N]]|$1|T|3|U|5|6|7|20|8|@]|D|@]|E|$]]|$1|V|3|W|5|L|7|21|8|@]|D|@]|E|$M|N]]|$1|X|3|Y|5|6|7|22|8|@]|D|@]|E|$]]|$1|Z|3|10|5|6|7|23|8|@$9|24|A|25|B|Q]|$9|26|A|27|B|Q]]|D|@]|E|$]]|$1|11|3|12|5|L|7|28|8|@]|D|@]|E|$M|N]]|$1|13|3|14|5|6|7|29|8|@$9|2A|A|2B|B|Q]|$9|2C|A|2D|B|Q]|$9|2E|A|2F|B|Q]]|D|@$9|2G|A|2H|1|2I]]|E|$]]|$1|15|3|16|5|6|7|2J|8|@]|D|@$9|2K|A|2L|1|2M]]|E|$]]|$1|17|3|-4|5|6|7|2N|8|@]|D|@]|E|$]]]|18|$19|$5|1A|1B|1C|E|$1D|1E]]|1F|$5|1A|1B|1C|E|$1D|1G]]|1H|$5|1A|1B|1C|E|$1D|1I]]]]

You don't have to hack the currency filter!

AngularJS has a great support for i18n/l10n. The currency filter uses the default currency symbol from the locale service and positions it based on the locale settings.

So it's all about supporting and setting the right locale.

<pre><code>&lt;script src="i18n/angular-locale_de-de.js"&gt;&lt;/script&gt;
</code></pre>

If you are using <code>npm</code> or <code>bower</code> all locales are available via the <code>angular-i18n</code> <a href="https://github.com/angular/bower-angular-i18n" rel="noreferrer">package</a>.

<pre><code>&lt;span&gt;{{ product.price | currency }}&lt;/span&gt;
</code></pre>

will now produce the following output:

<pre><code>65,95 €
</code></pre>

Supporting multiple localizations

If you want to support multiple localizations be careful with the currency symbol as it changes to the default currency of the used locale. But <code>65,95 €</code> are different to <code>$65,95</code>. Provide the currency symbol as parameter to be safe:

<pre><code>&lt;span&gt;{{ product.price | currency:'€' }}&lt;/span&gt;
</code></pre>

In <code>de-de</code> the output would still be <code>65,95 €</code> but if the location is eg. <code>en-us</code> it would be <code>€65.95</code> (which is despite some other sayings <a href="https://en.wikipedia.org/wiki/Euro_sign#Use" rel="noreferrer">the correct format to display euro prices in English</a>).

To learn more about angular and i18n/l10n refer to the <a href="https://docs.angularjs.org/guide/i18n" rel="noreferrer">developer guide</a>.

blocks|key|2110404|text|您不能使用货币筛选器。您可以编写自己的代码，或者只使用数字过滤器。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2110405|{{(produce.price+%7C+number:2)+%2B+"€"}}|offset|length|style|CODE|2110406|entityMap^0|0|0|10|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

You can't with the currency filter. You could write your own, or just use the number filter.

<code>{{(produce.price | number:2) + "€"}}</code>

blocks|key|4221280|text|使用这个技巧。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4221281|<div>{{product.price+%7C+currency+:+''+}}+€</div>|code-block|syntax|javascript|4221282|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

use this trick.

<pre><code>&lt;div&gt;{{product.price | currency : '' }} €&lt;/div&gt;
</code></pre>

blocks|key|1672857|text|所提出的解决方案都是肮脏的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1672858|首先，过滤器允许通过将符号添加为参数来更改符号：|1672859|{{product.price+%7C+currency+:+"€"}}|code-block|syntax|javascript|1672860|但正确的方法是按照@Andreas的建议本地化你的应用程序。如果你本地化你的应用程序，例如在你的应用程序中使用意大利语区域设置(it-it)，你只需要调用过滤器来获得欧元符号。|1672861|{{product.price+%7C+currency+}}|1672862|意大利语言环境设置将欧元符号放在货币值之前。您可以更改the+locale值，或者更好地按照以下链接答案中的建议覆盖它们：|1672863|Why+AngularJS+currency+filter+formats+negative+numbers+with+parenthesis?|offset|length|1672864|您可以覆盖区域设置，将货币符号(\u00A4)作为正值和负值的前缀或后缀。|1672865|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;
++++}]);
++}]);|1672866|所以在这条指令之后，过滤器：|1672867|{{product.price+%7C+currency}}+|1672868|将产生以下输出|1672869|€+12|1672870|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/17441254/why-angularjs-currency-filter-formats-negative-numbers-with-parenthesis/30122327#30122327^0|0|0|0|0|0|0|0|20|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1C|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1D|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1E|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|1F|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|1G|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|1H|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1I|8|@]|9|@$Q|1J|R|1K|1|1L]]|A|$]]|$1|S|3|T|5|6|7|1M|8|@]|9|@]|A|$]]|$1|U|3|V|5|F|7|1N|8|@]|9|@]|A|$G|H]]|$1|W|3|X|5|6|7|1O|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|F|7|1P|8|@]|9|@]|A|$G|H]]|$1|10|3|11|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|12|3|13|5|F|7|1R|8|@]|9|@]|A|$G|H]]|$1|14|3|-4|5|6|7|1S|8|@]|9|@]|A|$]]]|15|$16|$5|17|18|19|A|$1A|1B]]]]

The solutions proposed are all dirty.

at first, the filter allow change symbol by add it as parameter:

<pre><code>{{product.price | currency : "€"}}
</code></pre>

but the right way is localize your app as suggested by @Andreas
if you localize your app for example with italian locale setting (it-it) inside your app you need only invoke the filter to obtain the € sign.

<pre><code>{{product.price | currency }}
</code></pre>

Italian locale setting put the Euro sign before the currency value.
You could change che locale value, or much better override them as proposed in the follow linked answer:

<a href="https://stackoverflow.com/questions/17441254/why-angularjs-currency-filter-formats-negative-numbers-with-parenthesis/30122327#30122327">Why AngularJS currency filter formats negative numbers with parenthesis?</a>

you could override the locale setting put your currency symbol (\u00A4) as a prefix or suffix for positive value and negative too.

<pre><code>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;
 }]);
 }]);
</code></pre>

so after this instruction the filter:

<pre><code>{{product.price | currency}} 
</code></pre>

will produce the follow output

<pre><code>€ 12
</code></pre>

blocks|key|2110580|text|Angularjs对国际化和本地化有很大的支持。国际化和本地化的应用取决于应用程序的范围。例如，如果您的应用程序只支持欧元，那么您只需要欧元的本地化，而不需要所有货币及其格式。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2110581|在这种情况下(假设您的情况与上面类似)，您可以创建一个应用程序配置，并使用一些装饰器将locale设置为所需的本地化。装饰器函数拦截服务的创建，允许它覆盖或修改服务的行为。|2110582|​|2110583|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;
++}])|code-block|syntax|javascript|2110584|<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+%7C+currency}}
++</div>
</div>|2110585|2110586|上面的配置显示了小数和货币设置的所有可能值。您可以在应用程序级别根据自己的需求进行更改。|2110587|如果不想在整个应用程序中产生效果，更好的方法是使用一个指令|2110588|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|V|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|W|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|H|7|X|8|@]|9|@]|A|$I|J]]|$1|M|3|E|5|6|7|Y|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|Z|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|10|8|@]|9|@]|A|$]]|$1|R|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|S|$]]

Angularjs has a great support for internationalization and localization.
The application of internationalization and localization depends on the scope of your application.
For example if your application only support euro then you need only the localization for euro and does not require all the currency and its formatting.

In such situation (Assuming your situation is similar to above ) you can create an app configuration and set locale as the localization you required using some decorators. A decorator function intercepts the creation of a service, allowing it to override or modify the behavior of the service.

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>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;
 }])</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"&gt;&lt;/script&gt;
&lt;div ng-app="app"&gt;
 &lt;div ng-controller="appController"&gt;
 Price : {{price | currency}}
 &lt;/div&gt;
&lt;/div&gt;</code></pre>
</div>
</div>


The above configuration shows all possible values for decimal and currency settings.
You can change according to your requirements at app level.

If you dont want the effect to be in entire application better is to go for a directive

blocks|key|2110460|text|我在法国的项目(生产中)中使用了这个解决方案(它必须始终显示5.00欧元，从不显示5.00欧元)：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2110461|Price:+{{product.price%7C+currency:""}}+€|code-block|syntax|javascript|2110462|DEMO|2110463|请在投反对票之前快速阅读这篇文章的真正问题(Angular+Js+currency，之后的符号欧元)！|2110464|entityMap|0|LINK|mutability|MUTABLE|url|http://plnkr.co/edit/riZswXaZHl8MfeeDBzu6?p=preview^0|N|O|0|0|0|4|0|0|M|K|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|D|@$9|11|A|12|1|13]]|E|$]]|$1|M|3|N|5|6|7|14|8|@$9|15|A|16|B|C]]|D|@]|E|$]]|$1|O|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]]]

I use this solution in my project (in production) in France (It must ALWAYS show 5.00€, NEVER show €5.00):

<pre><code>&lt;span&gt;Price: {{product.price| currency:""}} €&lt;/span&gt;
</code></pre>

<a href="http://plnkr.co/edit/riZswXaZHl8MfeeDBzu6?p=preview" rel="nofollow noreferrer">DEMO</a>

Please, read the real question of this post (Angular Js currency, symbol euro after) before downvote too quickly!!!!!

blocks|key|1672890|text|这是一个相当古老的问题，现在已经不同了..也许也是在那时候..|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1672891|所以如果别人发现了这个..。|1672892|但您需要包括正确的区域设置，才能在货币筛选器中获得正确的货币格式。|1672893|查看angular文档，例如，荷兰货币格式为欧元5,00，英语为5,00欧元，美国为欧元5，00|1672894|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

It's quite an old question, it's different these days.. Maybe it was back then aswell.. 

So if someone else finds this..

But you need to include the correct locale to get the correct currency formatting in the currency filter.

Check the angular documentation, for example dutch currency formatting is € 5,00 While english is 5,00 € and american is €5.00

blocks|key|5639582|text|您可以创建过滤器：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5639583|app.filter('euroFormat',+function+()+{
++++return+function+(input)+{
++++++++return+input%2B'+\u20AC';
++++};
});|code-block|syntax|javascript|5639584|并使用以下命令将其应用于您的html代码：|5639585|Price:+{{product.price%7C+euroFormat}}|5639586|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

You can create a filter :

<pre><code>app.filter('euroFormat', function () {
 return function (input) {
 return input+' \u20AC';
 };
});
</code></pre>

and apply it on your html code with :

<pre><code>&lt;span&gt;Price: {{product.price| euroFormat}}&lt;/span&gt;
</code></pre>

How to move the symbol euro from the front of the value to after it?

Example:

<code>{{product.price | currency : "€"}}</code> will produce <code>€ 12.00</code>

but I would like <code>12.00 €</code>

Angular Js currency, symbol euro after

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

如何将符号euro从值的前面移动到值之后？示例：{{product.price | currency : "€"}}将生成€ 12.00但我想让12.00 €

问Angular Js货币，符号euro后
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Angular Js货币，符号euro后EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Angular Js货币，符号euro后
EN