Tengo un campo de entrada debajo, lo que quiero que suceda es que siempre debe mostrar el valor de entrada en 2 lugares decimales, si ingreso 1, mostrará 1.00 en el campo de entrada, ¿cómo hacemos eso usando el control de formulario? porque no estoy usando ngmodel. Gracias.
Intenté usar mask="separator.2 pero no funciona. Gracias por cualquier idea y ayuda.
ingrese la descripción de la imagen aquí
#código HTML
<mat-form-field appearance="fill"> <mat-label>Acres</mat-label> <input mask="separator.2" thousandSeparator="," matInput formControlName="acres" placeholder=""> </mat-form-field>código #ts
private _createModelForm(): FormGroup { return this.formBuilder.group({ acres: this.model.acres }); }Si está utilizando formularios reactivos y está parcheando un valor, debe parchear el valor que desea que HTML represente.
Puede usar DecimalPipe de Angular en TypeScript:
import { DecimalPipe } from '@angular/common'; export class Mycomponent { constructor(private decimalPipe: DecimalPipe) {} private _createModelForm(): FormGroup { return this.formBuilder.group({ acres: this.transformDecimal(this.model.acres) }); } transformDecimal(num) { return this.decimalPipe.transform(num, '1.2-2'); } }