Angular - разрешить ввод ключа на текстовой области, но не в форме группы

Question

Пользователь должен использовать клавишу ввода в текстовой области , но не в formGroup.

Вот мой html

<form [formGroup]="interventionForm" (ngSubmit)="onSubmit()" (keydown.enter)="$event.preventDefault()">

    <textarea class="focus-input gap-textarea"></textarea>

<button type="submit" class="btn teq-btn">{{ lang.trans('send') }}</button>

</form>

Форма formGroup не отправляется при нажатии клавиши ввода , но текстовые области 1019 * подвергаются воздействию.

Answer 1

Вам необходимо использовать $ event.stopPropagation () вместо $ event.preventDefault ().Ваш код должен выглядеть так:

<form [formGroup]="interventionForm" (ngSubmit)="onSubmit()" (keydown.enter)="$event.stopPropagation()">

    <textarea class="focus-input gap-textarea"></textarea>

<button type="submit" class="btn teq-btn">{{ lang.trans('send') }}</button>

</form>