リセット付きトーストメッセージ

Question

私は送信ボタンとリセットボタンを備えた反応的なフォームを持っています。どちらも期待どおりに動作していますが、リセット機能は送信からトリガーされたToastメッセージを表示します。

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> 

私はリセットをクリックすると、フォームがリセットされ、それは示していメッセージ。私は間違って何をしていますか？

Answer 1

これは働いていた：$ event.preventDefault（）そのリンク、Achraf JEDAYため

感謝を！