Как активировать кнопку поиска при нажатии на кнопку ввода, когда кнопка отправки активирована с помощью angular8

Question

У меня есть требование, когда при заполнении некоторых данных в полях будет включена кнопка отправки, и при вводе с клавиатуры необходимо нажать кнопку поиска. Я попытался использовать событие 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). Между ними есть тонкие различия, выходящие за рамки этого ответа.