角型で複数のボタンを使用する正しい方法

Question

私はangular formsでから建物を作り、1ボタンでうまくいきます。しかし、私は2つのボタンを持っている場合、それは扱いにくいです。

1ボタンresetと1ボタンsubmitがあります。 resetは、submitより前に配置する必要があります。

<form (ngSubmit)="submit()" [formGroup]="form"> 
    //inputs... 
    <button type="submit" (click)="reset($event)">reset</button> 
    <button type="submit">submit</button> 
</form> 

私は1つの入力にenterを押し

、 form火災 submit()と reset($event)機能の両方：ここではテンプレートです。 resetボタンをクリックしても同じです。私の予想は以下のとおりです。

• 形だけの火災reset()機能
  
  

resetボタンをクリックするとsubmitボタン、形だけの火災submit()機能

を押しenterかをクリックすると、私は散歩を見つけることができます周囲にresetボタンの前に隠しボタンを追加し、をreset()の機能で呼び出してください。しかし、それは醜いです。それを行うためのきれいな方法はありますか？どんな助けもありがとう。どうもありがとう！

Answer 1

リセットボタンのtypeをsubmitではなくbuttonに設定する必要があります。

<form (ngSubmit)="submit()" [formGroup]="form"> 
    //inputs... 
    <button type="button" (click)="reset($event)">reset</button> 
    <button type="submit">submit</button> 
</form>