Проблема с фокусом ввода формы при загрузке страницы

Question

У меня проект Angular 7.1. Боковая панель должна быть слева. Проблема в том, что когда я нажимаю на элемент меню боковой панели, фокус остается в меню. Я хочу переместить фокус на первое поле формы, загруженной с правой стороны при загрузке страницы.

Например, для приведенной ниже ссылки, если я нажимаю ссылку «Форма» на боковой панели, страница должна сфокусируйтесь на поле «Имя» при загрузке страницы.

https://www.primefaces.org/omega-ng/# / components / forms

Я пробовал использовать метод автофокусировки, но безуспешно. Также пробовал подход c из приведенной ниже ссылки, но не помог.

https://www.codementor.io/@yomateo / auto-focus-with- angular -7-the-directive-osfcl7rrv

Сталкивался ли кто-нибудь с такой же проблемой.

Answer 1

Вам необходимо указать идентификатор ввода, на который вы хотите сфокусироваться.

<input #myInput/>

Затем получите ссылку на него в коде

@ViewChild('myInput') myInput: ElementRef; 

Затем установите фокус этого ввода там, где это необходимо. Например, если вы щелкнете ссылку «Форма» на боковой панели, я предполагаю, что для отображаемой страницы будет показан новый компонент. В этом компоненте onInit

ngOnInit() { 
  this.myInput.nativeElement.focus(); 
}