提交表单的行为与预期不符

我现在经常遇到另一个bug,因为我注意到我在两个按钮上使用的窗体调用 onSubmitClicked()

<button mat-raised-button (click)="onBackClicked()">
  Back
</button>
<button mat-raised-button type="submit">
  Submit
</button>

无论我按哪个按钮,都会呼叫 onSubmitClicked() onBackClicked() 第一。卸下 type="submit"

<form [formGroup]="placeInfoForm" (ngSubmit)="onSubmitClicked()">

  <div>
    <mat-form-field style="width: 100%;">
      <input matInput placeholder="Name" formControlName="name"/>
    </mat-form-field>
  </div>

  <div fxLayout="row" fxLayoutAlign="center">
    <button mat-raised-button (click)="onBackClicked()">
      Back
    </button>
    <button mat-raised-button>
      Submit
    </button>
  </div>

</form>

提交功能:

onBackClicked() {
  console.log('onBackClicked()')
}

onSubmitClicked() {
  console.log('onSubmitClicked()');
}