Html 角度：如何在按下enter键时提交表单组

我有一个表单，它向数据库提交一个请求，以过滤网格中的一些数据。表单是提交时，提交按钮被按下，但我需要它提交的形式时，进入键也按下

HTML

全文搜索
标识符
搜寻

我曾尝试在

&

标记中使用

（keyup.enter）=“onSearchClicked（）”

，但没有更改类型脚本，但没有成功。当前，单击“输入”选项卡可刷新页面

当用户释放键盘上的键时，keyup事件被发送到元素。它可以附加到任何元素，但事件只发送到具有焦点的元素

页面加载时，提交按钮可能没有焦点。该函数从未被调用

您可以通过添加

autofocus

属性来强制对按钮进行聚焦，但是从可用性角度来看，这可能不是您想要的（您可能希望第一个文本输入具有聚焦）

尝试将

键向上移动。输入
到
元素

<form (keyup.enter)="onSearchClicked()">
  // your form
</form>


//你的表格
好的。看看我的例子：
删除不必要的按钮事件。将表单中的提交事件定义为（ngSubmit）或仅在按钮中定义。你不需要更多

<form [formGroup]="searchForm" (ngSubmit)="search()">
    <div class="input-group no-border">
        <input type="text" value="" formControlName="key" class="form-control" placeholder="Search...">
    </div>
</form>

按enter键时是否要提交表单？或者tab键？@AbdurrahmanY Enter键您的开始表单标签未正确关闭，第二个div也未正确关闭，并且您的表单组div没有结束标签。我不明白这是如何使Enter键能够提交请求的？Enter键表示表单的提交。您不需要特别指定Enter键谢谢，但当我这样做并按下输入字段中的enter键时，它会刷新页面，或者发送一个空表单search@rkras，除“提交”按钮外的所有按钮都必须是
type=“button”
，否则默认为“提交”
<form [formGroup]="searchForm" (ngSubmit)="search()">
    <div class="input-group no-border">
        <input type="text" value="" formControlName="key" class="form-control" placeholder="Search...">
    </div>
</form>

search() {
    this.alert.info('Not yet implemented!');
}