Angular - 允许在文本区域上输入键，但不允许在 formGroup 中输入键

Question

用户需要在textarea上使用回车键，但不能在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，但文本区域会受到影响。

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>