问题标签 [ion-infinite-scroll]

问题：如果我在回调尚未完成处理ion-view时退出当前，回调将开始在循环中被调用，直到应用程序冻结，即使我不再在安装的视图中。on-finiteon-infiniteion-infinite-scroll

这很难重现，但我找到了一种轻松体现它的方法。在视图上设置无限回调。

然后使用$timeout人为地将功能减慢loadMore()到 2 秒。像这样的东西：

现在，触发无限滚动，当你的loadMore()函数“处理”2 秒时，离开你的视野。您会看到，即使您在另一个视图中，控制台也会继续每 2 秒打印一次“Loading more...”。也就是说，loadMore()在循环中被调用。

在实际情况下，此错误会导致应用程序严重冻结。在某些链接上，此问题已得到解决，但没有解决方案（离子论坛已关闭 atm，顺便说一句）。那里的一些解决方案建议infiniteScrollComplete在内部调用$apply()，但这并不能解决问题，实际上会触发digest already in progress错误。其他人建议使用$timeout(...,0)它作为替代方案，$apply()但问题仍然会出现，例如，如果您loadMore()对服务器进行异步调用，在这种情况下，用户仍有可能在loadMore()忙碌时退出视图。

有什么建议的解决方法吗？

Ionic 团队：这是一个错误。所有关于 ion-infinite-scroll 的文档都完全忽略了这一点。至少应该有一个警告。我的离子版本 1.7.16。

如何使用来自数据库的动态数据（Http 请求）在 ionic 1 和 angular js 1 中进行无限滚动？

我正在尝试在我的 ionic 3 应用程序中实现 ion-infinite-scroll。我需要在离子列表中实现它。我让我的滚动内容溢出：隐藏并使离子列表溢出-y：滚动。

我的 HTML 代码：

我的 CSS

我无法触发 doInfinite。如果我要删除溢出：隐藏在滚动内容中，它正在工作。但我的整个页面都在滚动。我只需要滚动 ion-list 中的内容。

我正在尝试在页面的一半部分实现加载更多功能。所以我把代码放在离子滚动中，但不知何故，当前的实现不起作用，因为方法是

未触发且加载程序 UI 未呈现。但是，如果将内容放在 ion-content 而不是 ion-scroll 中，则相同的实现是有效的。

这是一个“简单”的请求，但我无法达到这个结果......在我的应用程序中，我有这两个组件：

和

他们在白色背景下工作得很好。现在我需要将背景颜色更改为黑色，但现在两个组件的文本不再可见，因为默认情况下它是黑色的。如何更改两个组件的颜色？

我尝试了一个 CSS 类，但没有应用它的颜色。如何自定义这些组件？

谢谢

我已经将无限滚动与“垂直滚动”一起使用，它按预期工作。

在不同的页面上，我有多个“水平卷轴”。我也想让它们成为无限卷轴。我将<ion-infinite-scroll>标签用于水平滚动，但它似乎没有按要求工作。我也四处搜索，但找不到太多帮助。

我在下面粘贴我的代码。 <ion-scroll scrollX="true"> <ion-card *ngFor="let x of y"> ... </ion-card> <ion-infinite-scroll (ionInfinite)="doInfinite($event, y)"> <ion-infinite-scroll-content></ion-infinite-scroll-content> </ion-infinite-scroll> </ion-scroll>

我注意到的一件事是，当我一直滚动到页面底部时，该ionInfinite方法会在所有水平滚动条上调用。所以看起来垂直无限滚动被触发而不是水平无限滚动。

请让我知道我是否遗漏了任何内容，或者是否需要编写代码的任何特定方式。

我在 Ionic-3 中使用无限滚动，我隐藏 Main-Header 并在滚动时显示 Mini-header。这仅在 android 中是一个导致问题，问题是：在滚动 Main-Header 时卡在后面，如图所示，

我使用全屏的 ion-content来隐藏和显示标题。但是当我在'ion-content'中使用全屏属性时，它解决了标题问题，但在使用全屏无限滚动后在Android中不起作用

这是我的测试代码。

我正在尝试将ion-infinite-scroll添加到我的 Ionic 5 应用程序中。

当我在小屏幕设备上查看它时，它工作正常。即，如果我尝试在手机上向下滚动，则会显示新项目。

但是，如果我在更大的屏幕（即桌面显示器）上查看它，则只会显示原始项目列表，并且我无法看到完整的项目列表。

以下是它当前在桌面上的显示方式：

这是我的 HTML：

这是我的打字稿：

有人可以告诉我在大屏幕上查看时如何显示额外的剩余项目吗？

我有一个网格视图来显示图像，当用户滚动到底部时，我正在尝试使用离子无限滚动来加载更多图像。我触发了一个名为“loadMorePosts”的事件，它使 API 调用获取下一组图像并将其附加到视图中使用的数组中。我的问题是未加载附加图像，似乎 ion-img 元素的“src”没有设置。

下面是我的 HTML 代码

下面是称为离子无限滚动的方法

这是将新图像推送到数组时的显示方式

我似乎无法弄清楚是什么导致新图像无法加载。任何帮助，将不胜感激。感谢您的时间。