Лучший способ сброса формы angular7

Question

сброс угловых форм после успешного сохранения данных

Answer 1

Метод .reset () по умолчанию стирает входные данные, но не корректно сбрасывает валидаторы. Если вы используете валидаторы, посмотрите это решение (или основное решение вопроса при сбросе после отправки).

https://stackoverflow.com/a/53522125/5108158

Answer 2

Вы можете вызвать reset() на экземпляре FormGroup, представляющем вашу форму, чтобы сбросить ее.

Answer 3

Если вы используете шаблон управляемой формы:

HTML код

<form #myForm="ngForm" (submit)="resetForm(myForm)"> ... </form>

Код TS

resetForm(form: NgForm){
form.reset(); // or form.resetForm();
}

В реактивной форме

HTML код

<form (ngSubmit)="resetForm()">
</form>

Код TS

// Declare your form 
myform: FormGroup;

resetForm() {
 if (this.myform.valid) {
   this.myform.reset();
 }
 }

Answer 4

я получил решение form.reset (); // или form.resetForm ();