角度表单在未聚焦时不会在回车时提交

Question

我有一些角6形式，我集中在第一个可用的领域。它们包含一个提交按钮，当我按enter时，表单将自动提交，并触发ngSubmit事件。

<form (ngSubmit)="onSubmit()" [formGroup]="form">
    <mat-radio-group [formControl]="control" name="test">
        <mat-radio-button *ngFor="let option of options" [value]="option.key">
        {{option.value}}
        </mat-radio-button>
    </mat-radio-group>
    <button>Submit</button>
</form>

Answer 1

始终为元素指定type属性。不同的浏览器可能对元素使用不同的默认类型。

submit=按钮是一个提交按钮（提交表单数据）

<button type="submit" >Submit</button>