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

Question

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

我有两个组成部分：modal component和calendar component。模态组件具有一个输入，当模态开始时，该输入将自动聚焦。当我通过按钮调用模态组件时，输入将完美地自动聚焦。当从日历组件中调用模式组件时，即模式组件位于日历组件内部时，会发生此问题。选择日历日期时，将打开模式，但输入不会自动聚焦。我的问题是，为什么从日历组件中调用模式组件时，输入不会自动聚焦，但是如果可以的话，我确实会通过按钮调用模式组件。这种现象的解释是什么？

非常感谢！

Answer 1

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

DEMO

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