问题标签 [nginfinitescroll]

我正在尝试为我正在开发的从流星/mongo 集合中绘制对象的角度流星应用程序启用无限滚动。

我已经修改了 angular-meteor 教程的第 12 步，以便为我正在开发的应用程序使用分页，现在我想转换为无限滚动。为了我的目的，我一直在尝试调整教程中的代码和ngInfiniteScroll 中的这个示例。

我想我需要使用类似于教程的反应变量、自动运行等，但我真的不知道如何使其适应无限滚动。考虑下面的示例，我应该如何调整我的控制器以使用无限滚动，从数据库中绘制，并具有良好的生产角度流星实践？

演示 ngInfiniteScroll HTML：

演示控制器内部的 ngInfiniteScroll 函数：

我在控制器中的角流星分页代码：

我的向上滚动触发了我的infiniteSubjects(). 但它应该只在向下滚动时触发它。我已经查看了很多帖子，但还没有找到解决方案。我试过弄乱infinite-scroll-disabled. 还尝试在底部的不同位置粘贴 1003px 高度<div>以占用空间。没有骰子。：/

在我的控制器内部：

我还进入了ng-infinite-scroll.js文件内部，通过添加一些 console.logs 来查看滚动时的高度

页面加载时：

我不认为窗口底部和元素底部应该是相同的开始。他们为什么会这样？

当我向下滚动时，我的remaining会递增-100 当我向上滚动时，我的remaining会递增100，但它永远不会变成正数，因为页面从 0 开始

这是我正在使用 angularJS 进行无限滚动的代码。但是代码不起作用，也没有显示错误。这是我的代码：

我认为 ng-app 或 ng-controller 存在一些问题。由于我是 angularjs 新手，请帮我解决这个问题。

提前致谢。

我已经购买了一个 Angular 模板来构建一个 Web 应用程序，我正在努力让滚动事件处理程序使用 ngInfiniteScroll v1.2.0 触发（注意：如果我将 infinte-scoll-immediate-check 设置为 true，则处理程序会触发一次) . 我通过使用 jsFiddle 构建与模板附带的相同 div 结构和 CSS 来重现该问题：

jsFiddle 链接

由于模板，这是我必须在其中工作的结构：

这是每个 div 使用的 CSS：

如果我注释掉周围的五个 div，一切正常。我不是 CSS 专家，所以正在使用的这种“表格结构”给我带来了一些问题。任何帮助，将不胜感激！

我在我的仪表板网络应用程序中使用 angularjs 无限滚动。我有一个包含多个无限可滚动小部件的页面。因为我想为它们中的每一个设置一个无限滚动，所以我决定使用这个指令，但不知何故它没有按预期工作。我希望无限滚动相对于使用完美滚动条而不是主浏览器窗口的内部内容 div 滚动条起作用。我在 google 上进行了搜索，发现多个线程解释了 2 个可用于更改默认行为的新变量：infinite-scroll-container和infinite-scroll-parent。我都试过了，但没有一个对我有用。我认为使用完美滚动条会造成问题。

玉码：

由于有多个小部件，我不能为无限滚动容器使用相同的 id 或类，因此决定生成动态 id。

如何在无限滚动容器中注入动态类？

我收到以下错误：

错误：无法在“文档”上执行“querySelector”：“#streamScroll-{{$index}}”不是有效的选择器。

PS我看过以下线程，但没有一个能满足我的要求：

https://github.com/sroze/ngInfiniteScroll/issues/57

容器中的angularjs无限滚动

AngularJS - ng-repeat 分配/生成一个新的唯一 ID

几个月来我一直在使用自己的解决方案。我开发它是因为我认为它很简单。但是代码变得非常笨拙和混乱。所以我放弃了，但我找不到任何好的开源/社区基础模块。

我喜欢这个。 https://binarymuse.github.io/ngInfiniteScroll/

有没有办法添加“显示更多”按钮？

我按照本教程实现 nginfintescroll 库单击此处

但该事件在向下和向上滚动时触发。我想禁用向上滚动事件

我正在尝试创建一个交互式照片数据库，用户可以在其中对照片进行排序并按用户过滤，检查他或她感兴趣的多个类别，并按日期、收藏夹数量等对过滤后的数据进行排序。过滤器/排序标准由用户在 DOM 上选择，并从客户端存储到$scope.model. 用户可见的数据量将通过无限滚动来控制。

我已经创建了这个示例的存储库，并将其部署在这里。我从scroll.controller.js下面复制了一些相关代码：

代码

问题

我可以很好地滚动图像，无限滚动功能似乎有效。但是，当我尝试从 DOM 中过滤图像时，唯一过滤的结果是那些在滚动之前最初可见的结果，并且尽管使用了 $scope.$emit，但滚动不会使其余符合条件的图像显示出来向 ngInfiniteScroll 发出信号以加载更多（文档）。

编辑：如果初始过滤列表确实到达底部，滚动将正确附加。只有当初始过滤列表没有到达屏幕底部时，它似乎才附加。

问题

我可以更改什么以使 ngInfiniteScroll 的行为符合我对过滤集合的预期？

任何帮助、想法或建议将不胜感激，如果您还有其他想看的，请告诉我。谢谢！

我正在循环 Angular JS 中的一组对象。我应用了多个过滤器，并且还使用 ngInfiniteScrolling 进行延迟加载。一切正常，除了我不能使用任何排序。无论orderBy我应用什么都没有改变。这是我的代码：

如果我| orderBy : myField在最后一个过滤器之后（limitTo 之前）添加没有任何变化，就像没有应用排序一样。有人有什么主意吗？

需要跟踪我的偏移量，以便每次滚动或单击“加载更多”时都可以获得下一组。它提高了性能。我在这里尝试通过设置偏移量和限制并作为请求参数传递给我的节点服务器，但是如何使用偏移量在该限制之后更新或增加：

我的网址为：/foo?limit=7&&offset=0;

我的角度控制器功能为：