Вызывает событие при прокрутке вниз для выпадающего - PullRequest
0 голосов
/ 28 января 2020

Я хочу вызвать событие, когда выпадающее меню прокручивается вниз. Мой .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>

1 Ответ

0 голосов
/ 28 января 2020

Вы можете использовать (scrollToEnd) событие, предоставленное ng-select. Для использования необходимо включить виртуальную прокрутку, как это [virtualScroll] = 'true'. См. Это: https://github.com/ng-select/ng-select

...