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

Question

请考虑以下 StackBlitz，我正在使用 Ng-Bootstrap 开发 angular 应用程序 6，我遇到以下问题：

我有两个组件：modal component 和 calendar component。模态组件有一个输入，当模态开始时，输入是自动聚焦的。当我从一个按钮调用我的模态组件时，输入自动对焦完美。当从日历组件调用模态组件时会出现问题，即模态组件在日历组件内部。选择日历日期时，模式会打开，但条目不会自动聚焦。我的问题是为什么当从日历组件调用模态组件时，输入不会自动聚焦，但如果它有效，我确实从按钮调用我的模态组件。对此行为的解释是什么？

非常感谢！

Answer 1

尝试使用生命周期钩子A​​fterViewChecked:

DEMO

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