问题标签 [nginfinitescroll]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
16665 浏览

javascript - ngInfiniteScroll 不工作

我试图让 ngInfiniteScroll 工作,但徒劳无功 - Plunker。滚动事件仅在页面加载时触发,之后似乎没有触发它。任何人都可以请阐明一些光。

我尝试了各种组合,都没有奏效:

HTML:

JS:

0 投票
0 回答
335 浏览

angularjs - Angular ng无限滚动闪烁问题

我在页面中使用 ng 无限滚动来显示图像。我有一个搜索文本字段,每次我在搜索框中输入内容时,页面都会闪烁。我如何禁用这种闪烁效果。

提前致谢

0 投票
1 回答
1992 浏览

angularjs - 如何创建无限滚动数据的网格列表?

我正在构建一个网页,该网页将显示无限可滚动产品的网格列表。我已经实现了以下标记来实现这一点:

(所有这些代码构成 a 的一部分md-tab-body

我在这里面临的问题是function loadMore()自动调用。它不会等我滚动到页面底部。我该如何解决这个问题?loadMore()在我的 HTML 中放错地方了吗?

0 投票
1 回答
113 浏览

angularjs - ngInfiniteScroll 中的一个简单错误

我使用过 ngInfiniteScroll 但我有一个小问题,我在变量项中有一组数据,例如)20,但我想在第一个视图中显示 5,其余的在滑动时显示。但是我的代码在第一个视图中加载了所有 20 我如何实现这一点,我在下面给出了我的代码和我的数据结构

html:-

和我的控制器:-

0 投票
1 回答
1262 浏览

angularjs - ngInfiniteScroll 导致 TypeError:无法读取未定义的属性“滚动”

我正在使用与 Firebase 集成的 Angular,并试图在我的应用程序中实现无限滚动。

所以我很难在我的页面中使用ngInfiniteScroll。按照此文档,我开始面临TypeError: Cannot read property 'Scroll' of undefined angular.js:13236错误消息。

帖子.html

任何形式的帮助将不胜感激。

0 投票
1 回答
954 浏览

angularjs - 无法让 ngInfiniteScroll 停止滚动

我有一个相当简单的网页,我无法正常工作。我正在使用 AngularJS、Foundation 和 ngInfiniteScroll。使用此模板:

...该loadMore()函数被永远重复调用。我过去用几乎相同的代码制作了其他类似的网页,它的行为符合预期。对于我的生活,我无法弄清楚这里发生了什么。loadMore()即使页面远远超出浏览器窗口的底部,这段代码中是否有任何明显的东西会导致被调用?如果没有,我可以在哪里查找以解决此问题?

0 投票
0 回答
188 浏览

javascript - ng-infinite-scroll-disabled 与 $scope.disabled 配对

我在设置 ng-infinite-scroll-disabled 时遇到问题。问题是它不起作用,当用户到达页面底部时,滚动不会被阻止,我可以滚动更多并且会发生多个调用,而不是只有一个(因为应该禁用滚动)。看来我的 $scope.infinite_disabled 有问题

控制台的输出显示每次我到达页面底部时都会发生 3 次调用,所有这些都是针对同一个 url。变量 $scope.infinite_disabled 值已正确更改。我个人的看法是,它的值在更改时对视图(html)是不可见的。

页面加载时

当我到达页面底部时,滚动未被阻止,更多滚动更多调用

0 投票
0 回答
819 浏览

angularjs - 滚动后在无限滚动中不调用加载更多功能

我正在使用 Angular 材料开发应用程序。

相同的代码适用于角度应用程序,但不适用于角度材料。

这是我的控制器代码

这是我的查看代码

成功请求后,我将响应发送到onResponse()函数。第一次它给了我 20 条记录,但是当我从视图中向下滚动页面it's not calling the loadMore()功能时

我在 Angular js 中实现的相同类型的示例只是它可以工作,但不知道为什么这不适用于 Angular 材料。

请帮我解决这个问题。

0 投票
2 回答
410 浏览

angularjs - 如何使 ngInfiniteScroll 通过 createdAt Descending 检索数据

我正在使用 firebase 保存具有以下数据的帖子:

我想要实现的是首先获取最新的帖子,然后在用户向下滚动时加载较旧的帖子。

使用 ngInfiniteScroll 检索帖子后,我可以使用 desc 订购,<div ng-repeat="post in posts | orderBy:'-createdAt'">但 ngInfiniteScroll 会继续首先返回旧帖子。我正在订购,但我订购的是旧的。

我已经尝试在 ngInfiniteScroll 中使用相同的逻辑 ( "-createdAt") 但它没有效果。


我的js差不多是这样的:

安全和规则:

0 投票
0 回答
695 浏览

angularjs - TypeError:无法读取未定义火力库的属性“滚动”

我正在使用 firebase.util 创建无限滚动。我使用 bower 下载了 firebase util。然后我尝试以下代码:

在我的 HTML 文件中:

在我的控制器中:

任何帮助表示赞赏。