Angularでフォームを送信せずにボタンを追加するにはどうすればいいですか? 質問する

Angularでフォームを送信せずにボタンを追加するにはどうすればいいですか? 質問する

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>

ベストアンサー1

追加するだけです。フォームにtype='button'何も定義されていないボタンは、フォームのボタンのように機能します。typesubmit

おすすめ記事