Я хочу отправить форму, нажав клавишу ввода, не нажимая кнопку обновления после редактирования любого поля и включения кнопки обновления, как показано ниже на снимке экрана.
Эта форма обновления представляет собой диалоговое окно, которое открывается при нажатии функции редактирования в строке таблицы.
Случай: Теперь форма редактируется в поле Emp Code и оно выделено, поэтому по нажатию клавиши ввода эта форма должна быть отправлена.
Ниже приведен пример кода формы обновления в HTML.
<mat-card-content>
<form class="example-form" [formGroup]="docForm">
<table>
<tr>
.
.
<td>
<mat-form-field appearance="outline">
<mat-label>Emp Code</mat-label>
<input matInput name="empCode" formControlName="empCd" maxLength = "4" >
</mat-form-field>
</td>
.
.
</tr>
</table>
</form>
</mat-card-content>
<button mat-raised-button style="width: 95px;" color="primary" [disabled]='docForm.invalid || !docForm.dirty (click)="update()"> Update </button>
Я пробовал какой-то подход, но не работал, как ожидалось.
<button mat-raised-button (keyup.enter)="!($event.target.tagName == 'TEXTAREA' || $event.target.tagName == 'BUTTON')"
style="width: 95px;" color="primary" [disabled]='docForm.invalid || !docForm.dirty' (click)="update()"> Update </button>
Заранее спасибо за любую помощь в этом.