Режим ввода автофокуса не работает внутри Ng-Datepicker

Question

рассмотрим следующее StackBlitz , я разрабатываю угловое приложение 6 с Ng-Bootstrap, и у меня возникает следующая проблема:

У меня есть два компонента: modal component и calendar component. Модальный компонент имеет вход, который при запуске модального режима автоматически фокусируется. Когда я вызываю мой модальный компонент с помощью кнопки, автофокус ввода отлично. Проблема возникает, когда модальный компонент вызывается из компонента календаря, то есть модальный компонент находится внутри компонента календаря. При выборе календарной даты модальное окно открывается, но запись не фокусируется автоматически. Мой вопрос заключается в том, почему, когда модальный компонент вызывается из компонента календаря, ввод не фокусируется автоматически, но я вызываю мой модальный компонент с кнопки, если он работает. Чем объясняется такое поведение?

Большое спасибо!

Answer 1

Попробуйте использовать хук жизненного цикла AfterViewChecked :

DEMO

ngAfterViewChecked() {
    this.elementRef.nativeElement.focus();
  }