перезагрузка формы, а не всей страницы при отправке ANGULAR 8

Question

Мне нужно перезагрузить только мою форму, после того, как я нажму кнопку отправки, а не всю страницу ...

Я поместил location.reload (); в моей функции submit (), но она перезагружает всю страницу, есть ли способ загрузить только форму ... мое имя формы empForm

submit(){
   if (data["message"] === "Schedules Created Successfully") {
        this.toaster.start({
          type: "success",
          message: "Saved"
        });
       location.reload();
      } else {
        this.toaster.start({
          type: "fail",
          message: "could not save"
        });
      }

}

, это перезагружает страницу, даже до тостера " сохранено "показано

Answer 1

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

например:

public onSubmit(event){
  event.preventDefault();
  if (this.formGroup.invalid) {
    return false;
  }

  const {values} = this.formGroup;
  // perform something with the data
  // eg send to backend
  
  this.formGroup.reset()
}

<form [formGroup]="formGroup" (submit)="onSubmit($event)">
  <button type="submit">SEND</button>  
</form>