Display float field in currency format using Filters in Angularjs

Question

I am working with Angularjs and to show the user a field using a comma, I am unfortunately obliged to do a replace at the point.

I wonder if there are any filter or directive to solve my case. In my code, I need a field float continue this way so that it can be sent to webservice, but for the user, a monetary field is separated by a comma and not by a point.

Answer 1

More specifically:

{{ Valor | currency:'BRL':2 }}

To bring the comma, change your app.module as well.:

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

.
.
.
@NgModule({
  ...
  providers: [
      ...
      { provide: LOCALE_ID, useValue: "pt-BR" },
      ...
  ],
  ...
})

Answer 2

You can do the formatting directly in the view, without having to manipulate the value through a filter or directive customized. Example:

$scope.meuValor = 10.3

<p>Valor: {{meuValor | currency}}</p>

If the automatic conversion is not done (added the R$), you can still set the display options, according to the documentation here, as the currency and number of houses after the comma.

{{campo | currency:sigla:casas}}
{{campo | currency:'R$':2}}

Take an example: http://jsfiddle.net/gwxvu921/

---

Edited:

I had forgotten the . separation of decimal place. This can be solved by using a file locale, like this: https://github.com/renato/bower-angular-locale-pt-br/blob/master/angular-locale_pt-br.js

Just load this file at the index, or as you see fit. I, for example, concatenate it with other function files by mounting a module I load as a dependency of module leading.