title: How to display 2 digits after comma in my formControl
body: <p>I have tryed to let my input with a value like '1,00', for example. However, my method is wrong, it's displaying '100' in input.</p>
  <p>This is my html code</p>
  <pre><code>&lt;mat-form-field appearance=&quot;outline&quot;&gt;
      &lt;mat-label&gt;valor unitário&lt;/mat-label&gt;
      &lt;input matInput formControlName=&quot;valor&quot; prefix=&quot;R$ &quot; mask=&quot;separator.2&quot; thousandSeparator=&quot;.&quot; (blur)=&quot;blurValueInput('valor')&quot; (keyup)=&quot;autoComplete('valor')&quot;&gt; 
      &lt;mat-error&gt;campo obrigatório&lt;/mat-error&gt;
  &lt;/mat-form-field&gt;
  </code></pre>
  <p>and this is my typescript code. It should display '1,00' if i let the input with a value like this '1,0'</p>
  <pre><code>constructor(private form: FormBuilder) { }
  
  ngOnInit() {
  this.pagamentoForm = this.form.group({
        quantidade: [1, Validators.required],
        desc_produto: ['', Validators.required],
        valor: ['', Validators.required],
        desc_iti: [''],
        desc_varejo: ['']
      });
      this.descInput.nativeElement.focus();
    }
  
  public blurValueInput(labelName: string) {
      if (this.pagamentoForm.controls[labelName].value.length - 
      this.pagamentoForm.controls[labelName].value.indexOf('.') === 2) {        
   this.pagamentoForm.controls[labelName].setValue(Number.parseFloat(this.pagamentoForm.controls[labelName].value).toFixed(2));        
        }
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/XmXVq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XmXVq.png" alt="enter image description here" /></a></p>