Format an html form input as a currency

Question

Please someone can help me, I’m not able to format an input as currency.

<label for="saldoInicial">Saldo Inicial</label>
<input type="number" format="currency" precision="2" id="valorSaldoInicial" name="valorSaldoInicial" class="form-control" formControlName="valorSaldoInicial" />

Answer 1

Javascript has an internal function for this. Number.prototype.toLocaleString

var valor = 16.00;
var texto = valor.toLocaleString("pt-BR", 
     { style: "currency" , currency:"BRL"});

console.log(texto);

Source: /a/102582