Toast message with reset

Question

J'ai un formulaire réactif avec un bouton de soumission et un bouton de réinitialisation. Les deux fonctionnent comme prévu, mais la fonction de réinitialisation affiche le message Toast déclenché par l'envoi.

onSubmit() { 
     this.service.update(data, this.id) 
      .subscribe(response => { 
       this.getDetails(); 
       this.toaster.showToaster('Saved.'); 
      }); 
    } 

resetForm(){ 
     this.setFormValues(); 
    } 

setFormValues() { 
     this.form.setValue({ 
      name: this.plan.name, 
      account: this.plan.account 
     }); 
    } 

getDetails() { 
     this.service.getById(this.id) 
      .subscribe(rem => { 
       this.plan = rem; 
       this.setFormValues(); 

      }); 
    } 

HTML:

<form [formGroup]="form" (ngSubmit)="onSubmit();" novalidate> 

<table class="detailTable"> 
    <tr> 
     <td>name:</td> 
     <td>{{name}}</td> 
    </tr> ... 
</table> 

    <div class="button-row"> 
     <button type="submit" [disabled]="form.pristine" md-raised-button>Save</button> 
     <button (click)="resetForm()" [disabled]="form.pristine" md-raised-button>Reset</button> 
    </div> 

<span> 

</span> 
</form> 

Lorsque je clique sur Réinitialiser, le formulaire est remis à zéro, et il affiche "Saved". message. Qu'est-ce que je fais mal?

Answer 1

cela a fonctionné: event.preventDefault $()

Merci pour ce lien, JEDAY Achraf!