Angular 4:使用ngx-infinite-scroll滚动移动到底部时加载更多数据,它不起作用

时间:2018-03-29 02:08:07

标签: angular infinite-scroll

目标:

我想实现一个在滚动移动到底部时加载更多数据的函数。 我们使用 ngx-infinite-scroll 插件(https://github.com/orizens/ngx-infinite-scroll)来实现它,但它不起作用。

预期结果:

当滚动移动到最后时,它将触发onScrollDown()函数以加载更多数据。

实际结果:

当滚动移动到大约中间

时,它会触发<div class="row" infinite-scroll [infiniteScrollDistance]='0'(scrolled)="onScrollDown()"> ...show-list code... </div> 函数

代码:

onScrollDown()

{{1}}没问题,我将infiniteScrollDistance设置为0但不起作用。

那么,我该如何解决呢?先谢谢。

1 个答案:

答案 0 :(得分:0)

尝试使用带有参数的外部容器

[fromRoot]="true"
[infiniteScrollDistance]="0.1"