向下滚动下拉菜单时触发事件

Question

我想在下拉菜单向下滚动时触发一个事件。我的 .ts 看起来像这样

@HostListener('window:scroll', ['$event'])
     onWindowScroll(): void {
            let position = (document.documentElement.scrollTop || document.body.scrollTop) + document.documentElement.offsetHeight;
            let maximum = document.documentElement.scrollHeight;
            if(position >= maximum )   {
                console.log(document.body.className);
            }
      }

但它适用于整个页面而不适用于下拉菜单我的 html 看起来像这样

<ng-select #postCodeDD [items]="postCodes" bindLabel="displayName"
                                                bindValue="id" class="width-percent-100 scroll-event-fordropdown" name="CodeCode"
                                                placeholder="select postcode" appendTo="body"
                                                (change)="CodeChange($event)" [virtualScroll]="true"
                                                [selectOnTab]="true" [(ngModel)]="patientEntry.postCodeId">
                                            </ng-select>

Answer 1

您可以使用 ng-select 提供的 (scrollToEnd) 事件。对于需要像这样启用虚拟滚动的用途[virtualScroll] = 'true'。参考这个：https://github.com/ng-select/ng-select

向下滚动下拉菜单时触发事件

Fired a event when scroll to down for dropdown

angular-ngselect

angular