Javascript 自动对焦输入模式不'；不要在Ng日期选择器内工作

考虑以下情况，我正在使用Ng引导开发angular application 6，我遇到以下问题：

我有两个组件：模态组件和日历组件。模态组件有一个输入，当模态开始时，输入自动聚焦。当我从一个按钮调用我的模态组件时，输入会自动对焦。当从日历组件调用模态组件时，即模态组件位于日历组件内部时，就会出现问题。选择日历日期时，会打开模式，但条目不会自动聚焦。我的问题是，为什么从日历组件调用模式组件时，输入不会自动聚焦，但如果模式组件工作，我会从按钮调用模式组件。这种行为的解释是什么

---

非常感谢

在查看检查后尝试使用生命周期挂钩

---

在查看检查后尝试使用生命周期挂钩：

---

非常感谢，但是为什么控制台中会显示此错误：错误：expressionchangedferithasbeencheckedError:Expression在检查后已更改。上一个值：“聚焦：true”。当前值：“聚焦：false”。这是由于Ng Datepicker。当你聚焦于输入时，它的聚焦度比模糊度高。您需要手动将其设置为blur（）。非常感谢，但为什么控制台中会显示此错误：错误：expressionChangedTerithasBeenCheckedError:检查后，表达式已更改。上一个值：“聚焦：true”。当前值：“聚焦：false”。这是由于Ng Datepicker。当你聚焦于输入时，它的聚焦度比模糊度高。您需要手动将其设置为blur（）。

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