Tenho um input
no Angular Material:
<mat-form-field
class="width-layout p-0 col-xs-12 col-sm-4 col-md-4 col-lg-4"
[class.mat-form-field-invalid]="errorValue" appearance="outline">
<mat-label [class.input_disabled]="isDisabled">Numero</mat-label>
<input type="text" [readonly]="read"
matInput
formControlName="numero"
name="numero"
id="numero"
placeholder="numero"
(change)="valida($event.target.value)" />
</mat-form-field>
Onde ele só fica habilitado quando clica em um checkbox
, caso o checkbox
esteja ativado, ele pode alterar o valor inicial, se caso esteja desativado, o input
fica desabilitado com o valor inicial.
Quando clico pra habilitador o input, coloco valor lá, e depois desabilito, volta pro valor normal, mas quando eu habilito de novo, o input volta pro valor anterior que eu coloquei, e nao zera.
Tentei deixar o input
vazio assim:
if (checked === true) {
this.couponForm.controls.numero.enable();
(document.getElementById('numero') as HTMLInputElement).value = '';
}
Ele ate fica sem valor, mas quando passo o mouse no input
ele já mostra o valor anterior, e não o input
com o valor vazio como deveria ser.