如何将焦点设置在 Bootstrap carousel 上以使键盘按钮在 angular 上工作？

如何解决如何将焦点设置在 Bootstrap carousel 上以使键盘按钮在 angular 上工作？

我有一个图像列表，我已经将它们加载到 ngb-carousel 组件 Bootstrap 中，它工作正常。

我有一个 div，当点击它时会打开一个模态 div，在它里面我有我的轮播。我希望用户能够立即使用键盘箭头，而不必单击屏幕上的箭头来启用键盘箭头。

我曾尝试在 ngb-carousel 上使用 ViewChild 来设置焦点，但到目前为止还没有成功。

  <ngb-carousel #sliderRef ...  </ngb-carousel>

  @ViewChild('sliderRef',{static : true}) sliderReference: ElementRef;

  ngAfterViewInit() {
      console.log(this.sliderReference);
      console.log('after view init');
      this.sliderReference.nativeElement.focus();
  }

但它会抛出错误 ERROR TypeError: Cannot read property 'focus' of undefined.

任何帮助将不胜感激。