En mi formulario reactivo tengo un input para el precio, a medida que el usuario va escribiendo el precio, este toma por defecto el formato de dolar, pero necesito que por defecto tome el formato peso Argentino.
componet.ts
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { CurrencyPipe } from '@angular/common';
form: FormGroup;
constructor(
private currencyPipe: CurrencyPipe,
private formBuilder: FormBuilder
) {
this.buildForm();
// cuando escribe el precio
this.form.valueChanges.subscribe(formulario => {
if(formulario.price){
this.form.patchValue({
price: this.currencyPipe.transform(formulario.price.replace(/\D/g, '').replace(/^0+/, ''), 'USD', 'symbol', '1.0-0')
}, {emitEvent: false});
}
})
}
buildForm() {
this.form = this.formBuilder.group({
// name: ['', [Validators.required, Validators.maxLength(50)]],
// year: ['', [Validators.required, Validators.min(1500),Validators.max(this.year)]],
price: ['', [Validators.required]],
});
}
Aca component.html (solo muestro el input del precio para ahorrar código).
<form [formGroup]="form">
<label>Precio</label>
<input type="text" formControlName="price" placeholder="$">
</form>