angular - 如何在不提交 Angular 表单的情况下添加按钮？

Question

在 Angular 中，如何在不提交表单的情况下添加按钮？

例如我想在不提交表单的情况下调用onCancel，但是更新按钮应该是提交表单，并且仍然保留ngSubmit。

<form [formGroup]="form" (ngSubmit)="submit()">
    <p>
    <select ...>...</select>
    </p>
    <p>
    <button
        type="submit"
        mat-raised-button
        color="primary">
        update
    </button>
    <button mat-raised-button (click)="onCancel($event)">
        cancel
    </button>
    </p>
</form>

Answer 1

只需添加 type='button' 即可。表单中没有定义任何 type 的按钮就像表单的 submit 按钮一样。