Автофокус на поле ввода в приложении Ioni c Angular, при открытом поиске всплывающее окно

Question

У меня возникла проблема с автофокусом в приложении Ioni c 4 и Angular 8

Когда я открывал поисковый модал в приложении, я хотел автоматически сфокусироваться на окне поиска

Answer 1

Для этого я нашел решение

Я добавил ссылочный элемент в поле ввода

Иони c Код

<ion-input placeholder="Search for Products" #product_id></ion-input> 

Поиск кода модального компонента

import { IonInput } from '@ionic/angular';
export class SearchModalComponent implements OnInit {

  @ViewChild('product_id', {static:true}) product_id:IonInput;

  ngAfterViewInit() {
    setTimeout(() => {
      this.product_id.setFocus();
    },500);
  }
}