Как сфокусировать поле ввода при нажатии на сообщения об ошибках, имеющие тег привязки в сводке проверки?
Я создал пользовательский компонент для поля ввода и пользовательский компонент для сводки проверки.Я создал тестовую страницу, где я использую эти 2 пользовательских компонента, и у меня есть кнопка отправки.
testpage.html
<app-validation-summary [form]="inputFieldsForm" [isFormSubmitted]="isSubmitted"></app-validation-summary>
<app-input-field formControlName="firstname" [inputFieldControl]="inputFieldsFormControls.firstname" [label]="'Label'"
[id]="'firstnameId'" [isFormSubmitted]="isSubmitted"></app-input-field>
<app-input-field formControlName="lastname" [inputFieldControl]="inputFieldsFormControls.lastname"
[label]="'Label'" [id]="'lastnameId'" [isFormSubmitted]="isSubmitted"></app-input-field>
<button type="submit" (click)="onSubmit()" id="input-fields-form-action-button">Submit</button>
Когда я нажимаю кнопку отправки, я получаювстроенные ошибки для обязательного поля, а также те же сообщения об ошибках показаны в сводке проверки.Сообщения об ошибках, отображаемые в сводке проверки, имеют теги ссылок / привязок, и при щелчке по этому сообщению об ошибке должно быть выделено соответствующее поле ввода.Например: - В сводке о проверке я получаю 2 сообщения об ошибках, одно из которых «Имя требуется», а другое «Требуется Фамилия». Когда я нажимаю на сообщение об ошибке «Имя требуется», поле ввода имени должно быть сфокусировано.
Я думаю передать идентификатор поля ввода в href тега привязки.Но как мне получить идентификатор поля ввода в пользовательском компоненте сводки проверки?
Для кода, пожалуйста, найдите ссылку, на которую я ссылался для реализации пользовательского компонента сводки проверки.http://www.deanpdx.com/2018/02/04/angular-5-forms-dynamic-validation-summary.html