使用angular8启用提交按钮时，如何在按下输入时启用搜索按钮

Question

我有一个要求，当我将一些数据填充到字段中时，提交按钮将被启用，并且 keytab 输入必须点击搜索按钮。 我曾尝试在一个指令中使用 hostListener 事件，并尝试在 keytab 输入时在此处获取该事件，但它没有用。 任何帮助表示赞赏。

DEMO

HTML：

<form>
<div class="modal rightside fade" id="agentAdvancedSearch" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
</form>

我尝试在这个 div 中给出指令，但没有检测到

Answer 1

您应该在<form> 而不是<button> 上处理表单提交。这将处理按钮单击和“输入”键按下。

<form [formGroup]="form" (ngSubmit)="onSubmit()">
  <button>Submit</button>
</form>

您可以使用(ngSubmit) 或(submit)。它们两者之间存在细微差别，超出了此答案的范围。