How to display a typescript number with a specific formatting?

Question

I own a property montante in the object below, and I am presenting in the function escreverNaTela():

class Objeto{

  constructor(private montante: number){}

  escreverNaTela(){
    let mensagem = 'R$ ' + this.montante;
    console.log(mensagem);
  }
}

However, when writing on the screen, if the value of montante is an integer the value will not appear with the two decimal places after the comma, as usual. How can I convert the string to that value montante so that it has these 2 decimal places after the comma?

Answer 1

Following @Leandrade’s cue, I used the method Number.prototype.toLocaleString:

escreverNaTela(){
  let mensagem = this.montante.toLocaleString('pt-BR', {style: 'currency',currency: 'BRL'});
  console.log(mensagem);
}

If necessary, you can use the option minimumFractionDigits:

escreverNaTela(){
    let mensagem = this.montante.toLocaleString('pt-BR', {minimumFractionDigits: 2});
    console.log(mensagem);
}