自动对焦输入模式在Ng-Datepicker中不起作用

Question

考虑以下StackBlitz，我正在使用Ng-Bootstrap开发一个角度应用程序6，我有以下问题：

我有两个组成部分：modal component和calendar component。模态组件有一个输入，当模态开始时，输入是自动聚焦的。当我从一个按钮调用我的模态组件时，输入完全自动对焦。从日历组件调用模态组件时发生问题，即模式组件位于日历组件内。选择日历日期时，会打开模态，但条目不会自动聚焦。我的问题是为什么当从日历组件调用模态组件时，输入不会自动聚焦，但如果它有效，我会从按钮调用我的模态组件。这种行为有什么解释？

非常感谢！

Answer 1

尝试使用生命周期钩子AfterViewChecked：

DEMO

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