问题标签 [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 投票
1 回答
4980 浏览

javascript - ngInfiniteScroll 中的无限滚动立即检查有什么作用?

文档:

infinite-scroll-immediate-chec(可选) - { boolean} - 一个布尔表达式,指示指令应立即检查滚动事件是否会触发无限滚动表达式的评估,即使滚动事件没有发生。如果指令元素内的内容可能不够高而无法填满整个浏览器窗口的高度,则很有用。默认为true.

如果初始结果量不足以填满页面,这似乎很难说它会在第一次加载时用结果填充页面。因此,如果我在第一次加载时显示 3 个结果,但它们没有到达页面/元素的底部,那么它将调用该loadMore()事件,直到它到达为止。

但这似乎不会发生。只是想确保我读的是正确的,因为描述是夸大其词。

0 投票
1 回答
983 浏览

javascript - ngInfiniteScroll“加载下一页”函数被重复调用

使用来自 ngInfiniteScroll 网站的“加载远程数据”示例,我尝试实现无限滚动。我的问题;

该函数nextPage()被连续调用,直到没有更多的记录要加载(由 SQL 查询中的偏移值控制)。

我很感激对此的任何意见,因为我很迷茫。

提前致谢。

HTML

Javascript - AngularJs 工厂

0 投票
1 回答
383 浏览

angularjs - 如何防止向上滚动时触发ngInfiniteScroll

我正在尝试实现 ngInfiniteScroll,当我向下滚动时它工作正常。但是,当滚动位置接近底部时,我想防止它在向上滚动时触发。有什么帮助吗?

0 投票
1 回答
1265 浏览

javascript - 如何通过http请求实现无限滚动?

我目前正在编写一个 webapp angularjs,在那里我得到了一个相当长的对象数组。我使用嵌套的 ng-repeat 来显示索引中的对象。我使用过像 Facebook 这样的无限滚动。当您位于页面底部时,它会发出 http get 请求以获取更多对象。

我曾尝试使用这两个库,但我真的很困惑

1: http: //lorenzofox3.github.io/lrInfiniteScroll/

2:http ://binarymuse.github.io/ngInfiniteScroll/demo_async.html

这是我的嵌套 ng-repeat

这是我的控制器:

开始日期:$scope.startDateResult 结束日期:$scope.endDateResult 描述:$scope.descriptionResult 事件类型:$scope.incidentTypeResult

这些值仅用于操作此 URL: http://incidents-core/app_dev.php/incidents?order=ASC&orderBy=id&limit=4

JSON 数组为我提供下一个对象的 url,具体取决于限制

0 投票
2 回答
1605 浏览

angularjs - 带有 LimitTo 的 Angular JS ngInfiniteScroll

我正在使用 ngInfiniteScroll ng-module 进行分页。当我向下滚动页面时,我将 20 条记录附加到我的数据表中。通过这样做,我实际上每次都在运行一个 http 请求(“对性能不利)。

我一直在做一些研究,发现用 ngInfiniteScroll 添加了一个 LimitTo。不知道如何实现这一点。有人可以给我任何建议。

/**** 控制器.JS *****/

0 投票
0 回答
589 浏览

angularjs - AngularJS:容器中的无限滚动

我在 AngularJS 中为特定容器使用ngInfiniteScroll 。

简单的例子

html

css

js

ngInfiniteScroll对内容 预期contentInfiniteScroll工作。除了这种情况...

  • 如果页面的滚动条(不是容器的滚动条)位于底部,则不要收取更多元素。

只有在这种情况下不起作用......

我究竟做错了什么?是我,还是我需要修饰库 ngInfiniteScroll.js

谢谢你。

0 投票
1 回答
401 浏览

angularjs - ngInfiniteScroll 中的浏览器滚动未调用 loadMore()

我正在尝试为我的 angularjs 应用程序实现无限滚动。熟悉ngInfiniteScroll的用法

我正在使用他们演示中给出的相同示例

页。它不适合我,

profile.ejs

profileController.js

浏览器alert("called")滚动时没有调用。任何人都可以帮助我在哪里出错或如何实现无限滚动?

0 投票
2 回答
5311 浏览

javascript - AngularJS ng-infinite-scroll 不适用于特定容器/div

我在阅读了多篇关于 ng-infinite-scroll 的帖子后编写了这段代码

然而这并没有奏效。所以我尝试了一些稍微不同的东西

我究竟做错了什么?

0 投票
1 回答
1713 浏览

javascript - AngularJS + Material Design 打破无限滚动

  1. 问题:无限滚动开始一次加载所有页面,而不是等待用户滚动到页面底部。

  2. 设置:AngularJS 1.3.17 材料设计 0.10.0 无限滚动脚本:https ://github.com/sroze/ngInfiniteScroll 以下演示:http ://sroze.github.io/ngInfiniteScroll/demo_async.html

    具有无限滚动的页面位于嵌套视图内。

像这样使用的 HTML 指令:

  1. 症状:
    • 它开始按顺序触发请求,直到不再有来自 API 的数据。印象是它认为我们一直在页面底部=加载一个页面的信号。
    • 在迁移到 Material Design 之前,相同的代码运行良好(来自 100% Bootstrap)
    • ng-repeat 包含 class="col-sm-12",如果删除或者如果我设置 style="float:none" 它只加载第一页,但不再对到达页面底部做出反应。

此外,我不需要窗口解决方案(这个工作正常),而是 - Facebook 类型,当我们实际上需要到达页面底部时,而不是在有限的空间中滚动。

请让我知道您可能需要什么样的附加信息。

各位大侠请帮忙!!:)

谢谢!

0 投票
2 回答
1053 浏览

angularjs - ngInfiniteScroll loadMethod 只调用一次

loadMore 函数只在我进入页面时开始调用,向下滚动后不再调用该方法,这是为什么呢?