когда всплывающее окно закрывает форму сброса по умолчанию - PullRequest
0 голосов
/ 25 июня 2019

Я использую 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>

...