Angular 2格式化货币BRL格式

Question

我正在尝试用管道来格式化PT-BR货币格式的商品价格.

这是我想要做的:

<div class="desc">{{statement.price | currency:'BRL':true:'1.2-2'}} </div>  

我期望的结果是33.111,00,现在返回33,111.00.

Answer 1

您可以设置locale-id.导入模块如下:

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

在您的模块中定义一个这样的提供者:

providers: [
    {
      provide: LOCALE_ID,
      useValue: "en-US"
    }
]

只需交换您的区域设置ID(对于ID,请参阅Angular文档).

Answer 2

我试图使用这个管道将我的号码格式化为巴西货币

{{p.preco | currency : 'R$' }}

我必须在 app.module.ts 中添加以下几行才能正确格式化货币（即 R$ 12,00）

import {LOCALE_ID, DEFAULT_CURRENCY_CODE} from '@angular/core';
import localePt from '@angular/common/locales/pt';
import {registerLocaleData} from '@angular/common';

registerLocaleData(localePt, 'pt');

@NgModule({
    declarations: [/*...*/],
    imports: [/*...*/],
    providers: [
        {
            provide: LOCALE_ID,
            useValue: 'pt'
        },

        /* if you don't provide the currency symbol in the pipe, 
        this is going to be the default symbol (R$) ... */
        {
            provide:  DEFAULT_CURRENCY_CODE,
            useValue: 'BRL'
        },
    ]
})

直到我添加registerLocaleData电话才成功

即使您不提供货币符号 (R$)，它也能按预期工作，您应该只调用管道，angular 将查找DEFAULT_CURRENCY_CODE上面声明的内容：

{{p.preco | currency }}

我正在使用 angular 10，希望它有所帮助！

Answer 3

我解决....

import { Pipe, PipeTransform } from '@angular/core';
import { CurrencyPipe } from '@angular/common';

@Pipe({
  name: 'currencyformat'
})
export class CurrencyFormatPipe implements PipeTransform {

  transform(value: number, currencyCode: string = 'BRL', symbolDisplay: boolean = true, digits?: string): string {
    if (!value) {
      return '';
    }

    let currencyPipe: CurrencyPipe = new CurrencyPipe('pt-BR');
    let newValue: string = currencyPipe.transform(value, currencyCode, symbolDisplay, digits);

    return newValue;
  }

}

Answer 4

对我来说，它在导入语言环境后就可以正常工作了，正如Marcelo Vieira das Neves所提到的那样。

1. 在模块中导入语言环境：

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

providers: [{provide: LOCALE_ID, useValue: 'pt-BR'}]

2. 使用货币管道

{{item.limite | currency:'BRL':true}}

Answer 5

您使用的是哪种浏览器，如代码中所述：

WARNING: this pipe uses the Internationalization API. Therefore it is only reliable in Chrome and Opera browsers. For other browsers please use an polyfill, for example: [https://github.com/andyearnshaw/Intl.js/].

也许你最好使用另一个库，就像他们提到的那样。