未聚焦时，Angular Form 不会在输入时提交

Question

我有一些 Angular 6 表单，我专注于第一个可用字段。它们包含一个提交按钮，当我按下回车时，表单会自动提交并触发 ngSubmit 事件。

有一种特殊的形式只包含一个广播组，我不关注任何领域。在这种情况下，不会触发 ngSubmit。

如果我单击一个单选按钮然后按 Enter，则表单会正确提交。

是否有任何方法可以让表单在输入时提交，即使表单中的所有字段都没有焦点？我应该以某种方式关注表单本身吗？

表格：

<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>

Stackblitz： https://stackblitz.com/edit/angular-arcwjv?file=src/app/app.component.html

Answer 1

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

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

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

Answer 2

将类型submit 添加到按钮。

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