如何在模态的ng模板中滚动时自动隐藏bsDatepicker

Question

我希望 bsDatepicker 可以在由 ng-template 包装的模态内滚动时自动隐藏。

和https://github.com/valor-software/ngx-bootstrap/issues/5390

一样的问题

但是还是无法解决我的问题

这是我的代码：https://stackblitz.com/edit/angular-ivy-2swahw

谢谢

Answer 1

您的问题可能是由于滚动事件没有发生在 window 上，而是出现在 div 上。

我玩过你创建的 stackblitz，这里是对我有用的东西。

  constructor(private modalService: BsModalService) {
    window.addEventListener('scroll', this.hideDialog, true);
  }

  hideDialog = (): void => {
    this.datepicker.hide();
  };

我建议您阅读此处的答案，这将帮助您使代码更健壮并提高 UI 性能。