感谢您的所有帮助! 在这种情况下,我需要为网格创建一个分页(如谷歌分页或类似的东西(,并在当前页面中仅显示 10 或 20 行。 我找不到离子 2 的任何东西,只有无限滚动的分页。
再次感谢!
你需要的是一个既可以充当发布者又可以充当订阅者的主题。
-
创建一个可以通过简单的 Http 调用获取页面的服务。
-
使用可同时用作发布者和订阅者的主题。
-
将 *ngFor 与异步管道一起使用。
-
使用 next(( 方法使用 Subject 发布,并让 *ngFor 收听 Observable。
示例代码:-
可用作发布者和订阅者的主题
private paginationGetter: Subject <Product[]> = new Subject <Product[]> ();
private paginationGetter$: Observable <Product[]> = this.paginationGetter.asObservable();
在返回页面的方法中返回 paginationGetter$,并使用 paginationGetter.next(data( 发布新数据,然后使用类似于以下内容的代码显示它:
ion-col *ngFor="let item of items | async">
请注意,项目是指:paginationGetter$
和异步管道是*ngFor
能够显示可观察量所必需的。
请参考一个现场示例:-
分页示例
希望有帮助