如何在货币管道angular2中设置右/​​左对齐

时间:2017-08-24 12:52:12

标签: angular pipe

我正在使用货币管道,但不知道如何设置右/左对齐。如果Currency是USD显示正确的结果但是如果我使用INR显示错误的结果。

html: -

<div> {{amount | currency : 'USD' : true}} </div>
<div> {{amount | currency : 'INR' : true}} </div>

ts: -

amount = 100;

输出: -

$100
₹100

₹100输出错误。正确的输出是100₹。请告诉我们如何设置它。如果有任何包装请告诉我们。我搜索了很多,所以我必须进行货币掩盖。

2 个答案:

答案 0 :(得分:0)

这篇文章可能有助于您的案例

working example

你能尝试吗,我想我们不能以内置的方式去做。因此创建了名为split的自定义管道。

答案 1 :(得分:0)

印度卢比的正确格式为:₹1,₹2,₹5,₹10等。

要以此格式重现,请执行以下操作:

<强> HTML

 {{value | currency:'INR':true}}

<强> app.module.ts

import { NgModule, LOCALE_ID } from '@angular/core';

...
   @NgModule({
....    
providers: [{ provide: LOCALE_ID, useValue: 'en-IN' },

<强>输出

  

34566666将显示为₹3,45,66,666.00

注意:成千上万的印度格式!

如果您不关心数千种格式,那么您可以“破解”(我不确定这是否正确,但结果已经足够了):

<强> app.module.ts

提供者:[{提供:LOCALE_ID,useValue:'fr-IN'}

输出将是

  

34 566 666,00₹

<强> app.module.ts

providers: [{ provide: LOCALE_ID, useValue: 'de-IN' }

输出

  

34.566.666,00₹

如果所有这些都不是您想要的,那么您应该编写自定义管道。

<强> Plunker demo