问题标签 [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 回答
26886 浏览

angular - Angular 4:无限滚动不起作用

我曾尝试使用 ngx-infinite-scroll (https://www.npmjs.com/package/angular2-infinite-scroll)以及其他一些指令,但似乎没有一个有效。

包.json

user.component.html

用户模块.ts

导入完成

用户.component.ts

也尝试使用主机侦听器,但滚动事件似乎没有发生。它与我正在使用的应用无限滚动的类有什么关系吗?

0 投票
0 回答
88 浏览

javascript - 如何使 ngInfiniteScroll 工作?它一直在等待

我遇到的问题是它永远不会返回列表,我不知道为什么。它应该返回列表。也许我做错了什么。谢谢!

更新:现在它正在工作,但我的列表变成了无限的。它总是永远加载最后一个项目。使我的清单无限。

项目列表组件.js

项目列表.jade

0 投票
0 回答
55 浏览

javascript - ng-click 重复元素后,ngInfiniteScroll 停止工作

我在几个不同的地方使用 ngInfiniteScroll 来显示联系人和未接来电。它遍历每个项目并添加一个 ng-click 以显示用户配置文件。滚动在所有位置都可以正常工作,直到您实际单击用户/呼叫。之后,无论是联系人还是电话,滚动都不会再次触发。我查看了他们的文档并看到了infinite-scroll-listen-for-event,我认为这是在单击事件后无限滚动重置所需的,但它似乎不起作用。我不知道我的 $emit 是否在错误的位置,还是什么?

HTML

加载联系人

ng-点击功能

0 投票
1 回答
64 浏览

angularjs - nginfinityscroll 不工作

我正在使用 nginfinityscroll 并且它没有触发滚动事件......我的代码:

有任何想法吗?

0 投票
1 回答
746 浏览

angular - Angular 4:延迟加载插件按需获取下一组记录

我有跨越数千条记录的表格数据,最初只有 1000 条记录会填充到网格中。滚动时,接下来的 1000 条记录将被附加到每个滚动条上,直到所有记录都被填充。

此外,我不应该有页面级滚动,即溢出:body 和 div 上的内容级滚动都不会出现。

我尝试了无限滚动链接,但它不满足我的要求,滚动事件仅在页面级别滚动可用时触发,但在我们在内容级别应用无限滚动时不会触发。

您能否让我知道是否有任何替代插件可用于按需滚动获取下一组记录,或者关于如何在内容级别应用无限滚动的任何建议也值得赞赏?

0 投票
1 回答
911 浏览

javascript - 如何在 ngInfiniteScroll (AngularJS) 中设置油门参数

在我的 Angular 应用程序中,我使用 ng-infinite-scroll 来允许用户使用此处的插件不断滚动他们的“新闻提要” - https://sroze.github.io/ngInfiniteScroll/documentation.html

在我的桌面上它运行良好,但是在 Android 设备上的 Cordova 应用程序中运行它时,无限滚动会占用大量 CPU 资源。我正在尝试使用 THROTTLE_MILLISECONDS 选项仅每 x 秒处理一次滚动事件(这应该会提高性能并使滚动不那么生涩)。

我的模块定义如下:

我正在尝试使用上面的行按如下方式限制它,但它似乎没有任何区别。

在我的模板视图中,我有以下代码:

在 js 控制器中,这里是我的 getTabItems 函数

上面函数中的控制台日志我可以在控制台日志中看到一遍又一遍地输出太多&我试图限制这个函数被调用但我使用的限制语句似乎没有任何区别?我对代码做错了什么

-- 版本 --

Angular 1.3.0 ng-infinite-scroll 1.2.2

0 投票
1 回答
1250 浏览

javascript - Angular 4:无限滚动默认行为不起作用

我正在尝试在我的 Angular 4 应用程序中实现无限滚动。我已遵循https://www.npmjs.com/package/ngx-infinite-scroll的所有指示

在文件中它说:

默认情况下,该指令监听窗口滚动事件并调用回调。 要在实际元素滚动时触发回调,应配置以下设置:

  • [滚动窗口]="假"
  • 为元素设置一个明确的 css“高度”值

但在我的情况下,不会触发默认的窗口滚动事件。相反,如果我为 div 元素设置高度并设置 [scrollWindow] = "false",那么它在这种情况下有效。我不知道我错过了什么。

给定文档导入中的示例

但我没有在我的模块中导入它。是不是导致这个问题。我认为这不是原因。

任何帮助将不胜感激。谢谢。

0 投票
1 回答
17444 浏览

javascript - 带有ngx无限滚动的Angular 4

我正在尝试在我的 Angular 4 项目中 使用ngx-infinite-scroll添加无限滚动。

数组数据有大约800个来自 API 的帖子。

最初,我想显示 20 个帖子,每次滚动页面时,它会显示 20 个帖子。

目前,每当我向下滚动时 ,我都可以看到控制台日志消息(已滚动!) 。

但我不知道如何在表格滚动时将 20 个帖子附加到表格中。

这是我正在尝试的代码。

onScrollDown函数


.

这是组件代码。
post.component.html


post.component.ts

0 投票
1 回答
583 浏览

javascript - 无限滚动重复行

我正在为我的 angularjs 项目使用ngInfiniteScroll依赖项。

每当我再次上下滚动时,它都会复制行。

HTML

JavaScript

PHP

0 投票
1 回答
4638 浏览

angular5 - 没有触发带有ngx无限滚动的Angular 5

我在 Angular 5 中使用 ngx-infinite-scroll 模块。我的浏览器是 Chrome。

onScrollDown()当我使用 div 内的滚动条向下滚动时,会触发该操作。为了使它工作,我需要给我的内容一个高度,并且[scrollWindow]应该设置为 false:

css

模板

但是当我设置[scrollWindow]为 true (这是默认设置)并删除search-results类(然后没有设置高度)时,即使我使用浏览器的默认右栏向下滚动,onScrollDown() 也不会被触发。知道为什么默认的窗口滚动不会触发 onScollDown() 动作吗?谢谢