自動對焦輸入模式在Ng-Datepicker中不起作用

Question

考慮下面的StackBlitz ，我正在用Ng-Bootstrap開發一個角度應用程序6，並且我有以下問題：

我有兩個組件： modal component和calendar component 。 模態組件具有一個輸入，當模態開始時，該輸入將自動聚焦。 當我通過按鈕調用模態組件時，輸入將完美地自動聚焦。 當從日歷組件中調用模式組件時，即模式組件位於日歷組件內部時，會發生此問題。 選擇日歷日期時，將打開模式，但輸入不會自動聚焦。 我的問題是，為什么從日歷組件中調用模式組件時，輸入不會自動聚焦，但是如果可以的話，我確實會通過按鈕調用模式組件。 這種現象的解釋是什么？

非常感謝！

Answer 1

嘗試使用生命周期掛鈎AfterViewChecked ：

演示

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