问题标签 [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.
javascript - Angular.js:重复 HTML 数据列表
我尝试在 angular.js 组件上应用ngInfiniteScroll。我知道需要使用ng-repeat
,实际上我不知道如何应用它。
在我的例子中,数据被构建为重复的 HTML 文档。每个$ctrl.htmlViews
数据都是这样的。
我想在<ul>
下面附加这些文件。
这是我的控制器代码片段。
ajax 请求的结果$http
,已经内置在 HTML 代码中,如下所示。
我认为有一个标签ng-repat
被重复了,所以我写了上面的代码。但是,我不想使用<div ng-repeat= ....></div>
. 因为那样的话,结果页面会是这样的。
我觉得这看起来很糟糕。如何在没有额外标签的情况下重复div
?
还有一个问题。
我声明infinite-scroll='$ctrl.loadMore()' infinite-scroll-distance='1'
了,但是 angular.js 在加载后没有调用loadMore()
函数(这意味着初始化时只有 1 个请求,并且不再调用该函数)。
meteor - Angular2 Meteor,实现无限滚动的问题(滚动重置到顶部)
尝试做一个无限滚动页面,在用户滚动时显示元素。
所以每次我检测到滚动到达我调用的页面末尾时
并且触发(自动运行)
好的。那是有效的。但是,每次this.items = Items.find();
调用时,用户的浏览器都会向上滚动到顶部。
这可能是因为移除了 dom 元素,重置了滚动,然后再次添加了元素,而没有恢复之前的滚动位置。
我究竟做错了什么 ?
“明显”工作的示例:
- https://github.com/barbatus/ng-infinite-scroll/blob/master/scroll-controller.js
- https://github.com/abecks/meteor-infinite-scroll
- http://meteorpedia.com/read/Infinite_Scrolling
@########### 编辑 ############@
实际上,我注意到,在Items.find()
a之后h.stop()
停止订阅,这是可行的……我猜以前的芒果光标已更新为最后的订阅限制。
但是我仍然无法理解为什么这会在最初的情况下重新绘制所有内容..
javascript - angular2-infinite-scroll - number 类型的参数不能分配给 string 类型的参数
我正在使用https://www.npmjs.com/package/angular2-infinite-scroll库在我的 Angular 2 应用程序中添加无限滚动,但出现以下错误
html - ngInfiniteScroll 不适用于华为荣誉 7
ngInfiniteScroll 无法在华为荣耀 7 上运行,但在其他一些 android 设备和 iphone 上运行良好,当我在华为手机上测试时,它找不到错误。我不知道如何修复它!所以你遇到了同样的问题!这是我的代码!
angularjs - 具有 ng-show 和粘性状态的 ng-infinite-scroll
我是角度的新手。在我的单页 Web 应用程序中,我有两个选项卡,每个选项卡都带有 ng-infinite-scroll。使用导航栏遍历两个选项卡,
每个选项卡位于两个 ui 视图中,如下所示。
使用 ng-show 时,隐藏 div 的高度通过 angular 设置为 0。从而无限地触发无限滚动。
我不想使用 ng-if,因为我想保持列表的滚动状态。
如何处理?
PS。我对两个列表都使用粘性状态来维护列表元素的主详细信息视图之间的状态。
angularjs - 无限滚动方法未触发
我在我的项目中使用 ngInfiniteScroll 将大数据加载到 UI 中。
这是我的HTML,
在我的控制器中,
nextPage()
方法只调用一次。第一次后不会触发。
我究竟做错了什么 ?
angularjs - 更改源数组时,ngInfiniteScroll 不显示任何内容
我有一堆产品,正在使用无限滚动来显示它们。如果我不更改数组值,它通常工作得很好。但是,我有不同类型的产品,并且有一个过滤器可以更改 firebase 数据库端点并将新值加载到数组中。
来回更改会以某种方式使所有产品消失。尽管如此,我确实看到产品从控制台添加到阵列中。
代码:
数据库端点更改的示例代码
Firebase 数据服务代码:
前端代码:
从控制台,我确实看到了以下内容:
知道这里发生了什么吗?
javascript - 加载完整数据后如何停止 ng-infinite-scroll?
在这里,我在使用 ng-infinite-scroll 时遇到了一些问题。当我是 ng-infinite-scroll-distance 时,它实际上不起作用。此外,所有数据都已加载但不能禁用 ng-infinite-scroll?
如何使我的无限滚动禁用?
angularjs - 是否可以在 Angular js 中反转 ng-infinite-scroll?
我是 AngularJs 的新手。我已经实现了 ng-infinite-scroll 以根据此链接上的文档显示我的帖子。现在从上到下滚动工作。但是我怎样才能以相反的顺序实现它,就像聊天对话(从下到上)。 https://www.npmjs.com/package/ng-infinite-scroll
angular - angular2-infinite-scroll 和 ng-for trackBy 函数
我正在使用 angular2-infinite-scroll 和 trackBy ng-for 函数。我注意到非常奇怪的行为,我无法理解。我将 console.log 语句放在我的 trackBy 函数中,我注意到当我滚动时,日志被执行了数百次。
这是我担心的事情,我找不到任何关于这种行为的信息。这是一个例子:
https://plnkr.co/edit/k3YduRtqyXd0TNoPXwiQ?p=preview
我将不胜感激任何解释。