Я использую Angular 8. Я ищу решение, когда всплывающая форма закрыта пользователем в любое время, я хотел бы сбросить все ошибки, что было показано.
при повторном нажатии пользователя,дайте мне снова новую ясную форму.Я не знаю, как это получить.
вот мой метод закрытия всплывающих окон:
dismissEditPop() {
this.createForm.reset(); //but not works. before the popup close
this.editPopup = false;
}
вот моя форма проверки:
constructor(private formBuilder: FormBuilder) {
this.createForm = this.formBuilder.group({
'Id': new FormControl({ value: 0, disabled: true }, Validators.required),
'Name': ['', Validators.required],
'Discription': ['', Validators.required],
'CreatedBy': ['', Validators.required],
'CreatedDate': new FormControl({ value: 0, disabled: true })
});
}
вотhtml:
<form [formGroup]="createForm" (ngSubmit)="onCreateFormSubmit()">
<div class="form-group">
<input id="name" type="text"
class="form-control"
formControlName="Name" name="Name"
placeholder="Name">
<div *ngIf="submitted" class="error">
<div *ngIf="f.Name.errors?.required">Name is required</div>
</div>
</div>
<button type="submit" class="btn btn-success" >Create</button>
<button type="button" class="btn btn-default" (click)="dismissEditPop()">Close</button>