角度/HTML：单击或按Enter键后调用函数

我有一个输入字段，点击一个按钮后，我调用了一个函数，得到了正确的结果。 现在我还希望函数在按enter键后调用

目前，我的代码如下所示：

<div class="input-group mb-3">
    <input (keyup)="searchUser($event)" stype="text" class="form-control" placeholder="Suche nach Nachnamen ..."
        aria-label="Recipient's username" aria-describedby="button-addon2">
    <div class="input-group-append">
        <button (click)="searchForUser()" class="btn btn-outline-secondary" type="submit"
            id="button-addon2">Suche</button>
    </div>
</div>

苏凯

---

我已经尝试将我的div放入

。然后重新加载整个页面。

将输入和按钮包装在表单标记中，并将其作为表单元素上的提交处理程序，而不是在按钮上使用单击处理程序

<form (submit)="searchForUser()">

---

或者，您可以完全删除type=“submit”。

将输入和按钮包装在表单标记中，而不是在按钮上使用单击处理程序，将其设置为表单元素上的提交处理程序

<form (submit)="searchForUser()">

---

或者，您可以完全删除type=“submit”。

这对我有用：

<form #p="ngForm" (ngSubmit)="searchForUser(u)">
    <div class="input-group mb-3">
        <input (keyup)="searchUser($event)" stype="text" class="form-control"
            placeholder="Suche nach Nachnamen ..." aria-label="Recipient's username" aria-describedby="button-addon2">
        <div class="input-group-append">
            <button class="btn btn-outline-secondary" type="submit" id="button-addon2">Suche</button>
        </div>
    </div>
</form>

苏凯

---

说明：

这对我很有用：

<form #p="ngForm" (ngSubmit)="searchForUser(u)">
    <div class="input-group mb-3">
        <input (keyup)="searchUser($event)" stype="text" class="form-control"
            placeholder="Suche nach Nachnamen ..." aria-label="Recipient's username" aria-describedby="button-addon2">
        <div class="input-group-append">
            <button class="btn btn-outline-secondary" type="submit" id="button-addon2">Suche</button>
        </div>
    </div>
</form>

苏凯

---

说明：

您的按钮类型为submit，因此为reloadHi@lisa，页面会重新加载，因为按钮会尝试提交表单。您应该将该表单绑定到ngForm（模板驱动）或FormGroup（被动表单）。然后在表单上收听submit事件。这样，当单击enter键和同时单击按钮时，就会调用函数。这是有效的。我发布我的解决方案您的按钮类型为submit，因此为reloadHi@lisa，页面会重新加载，因为按钮尝试提交表单。您应该将该表单绑定到ngForm（模板驱动）或FormGroup（被动表单）。然后在表单上收听submit事件。这样，当单击enter键和同时单击按钮时，就会调用函数。这是有效的。我将我的解决方案发布到同一个问题。我添加我的解决方案作为答案，仍然是同一个问题。我添加我的解决方案作为答案