将无限滚动与虚拟滚动集成

Question

我计划在Angular应用程序CLI版本7中将ngx-infinite-scroll与angular 7虚拟滚动集成在一起，但是virtual-scroll可以正常工作，但是infinite滚动无法正常工作。

Answer 1

ngx-infinite-scroll也可以使用，但需要固定高度以在页面上应用无限滚动。

赞：-

page.component.html：-

<div class="center" ngxInfiniteScroller strategy="scrollingToBottom"
    (onScrollDown)="onScroll()"
    [ngStyle]="{overflow: 'auto', height: pageHeight + 'px', 'background-color': '#f5f5f5'}">
</div>

page.component.ts：-

public pageHeight: any = screen.height;

page.module.ts：-

import { NgxInfiniteScrollerModule } from 'ngx-infinite-scroller';

@NgModule({
  declarations: [
    PageComponent
  ],
imports: [       
    NgxInfiniteScrollerModule,
],
providers: [
]
})
export class PageModule {
}