当我提交表单时,我在提交方法中像这样重置它:
onSubmitPriceForm() {
// to do......
this.priceForm.reset();
}
}
我希望该字段返回到照片 1 中的原始状态
我怎样才能做到这一点 ?
谢谢 !
编辑这里的验证器:
initPriceForm() {
this.priceForm = this.formBuilder.group({
price: ['', [Validators.required, Validators.pattern(this.pricePattern)]]
});
}
新编辑:这是 html 表单:
<form [formGroup]="priceForm" (ngSubmit)="onSubmitPriceForm()">
<div class="edit-price-form">
<mat-form-field appearance="outline" errorState="false">
<mat-label>{{ 'PRIX_TTC.NOUVEAU_PRIX_TTC' | translate }}</mat-label>
<input matInput name="price" autocomplete="off" formControlName="price" required>
</mat-form-field>
<button type="button" mat-mini-fab color="primary">
<mat-icon>done</mat-icon>
</button>
</div>
</form>