Html 如何在Angular 9中使用Enter键启动函数

我有一个带有点击事件的按钮，当前在一个角度组件中触发一个方法，这个方法工作得很好，但是如果用户从输入框中点击enter键，我还需要触发相同的方法，这样用户就可以选择了

下面是我用于输入和按钮的HTML：

<div class="input-group input-group-sm mt-3">
    <input autocomplete="off" list="autocompleteOff" type="text" class="form-control" placeholder="E.G. 'What is a beneficary?'" aria-label="Ask" [(ngModel)]="userQuestion" id="userQuestion" name="userQuestion" [ngStyle]="{'background-color': brand?.colours.secondary, 'color': brand?.colours.primary}">
    <div class="input-group-append">
      <button id="user-btn" class="btn btn-secondary" type="button" (click)="askQuestion()" [ngStyle]="{'background-color': brand?.colours.primary, 'color': brand?.colours.secondary}">Ask</button>
    </div>
  </div>

我可以从HTML端执行此操作，还是需要为enter键设置侦听器？

您可以使用keyup.enter：

---

您可以将按钮元素类型属性编辑为type=submit。

当单击Enter键时，这已在Fire a方法中得到响应

<input (keyup.enter)="askQuestion()"/>