我在我的Angular 7项目中使用ngpopover来帮助用户选择日期范围。我已经创建了一个实现Onchanges的daterange组件，并且我在任何需要ngbpopover的地方导入它。
"我想做的事"
我希望当用户点击窗口的滚动条弹出窗口不应自动关闭，但如果用户点击弹出窗口以外的任何地方弹出窗口应自动关闭。
我的代码

HTML文件

<div (scroll) = "onScroll($event)">
<ng-template #popContent>
------
</ng-template>

 <button type="button" class="btn btn-date-selector" [placement]="defaultPlacement" 
 [ngbPopover]="popContent" [autoClose]="false" data-container="body" #popOver="ngbPopover">
 </div>

我曾尝试使用scroll事件来了解用户何时滚动特定页面TS FILE

@HostListener('window:scroll', ['$event']) private onScroll($event:Event) {
console.log($event.srcElement.scrollLeft, $event.srcElement.scrollTop);
};

但是hostlistener不工作。
既然我正在导入这个daterange popover组件，我怎么能检查父组件上的窗口滚动呢？太困惑了。
有没有什么方法可以检查用户是否点击了外部而不是窗口滚动条？