分页在IONIC 2

Question

感谢您的所有帮助！ 在此oportunity中，我需要为网格创建分页（如google分页或类似的内容），并在当前页面中仅显示10或20行。 我无法找到离子2的任何内容，只能通过无限滚动进行分页。

再次感谢！

Answer 1

您需要的是拥有一个既可以作为发布者又可以作为订阅者的主体。

• 创建一个服务，可以通过简单的Http调用为您提供页面。
• 使用可以同时用作发布者和订阅者的主题。
• 使用* ngFor与异步管道。

• 使用next（）方法使用Subject发布，并让* ngFor监听Observable。

  示例代码： -

//课题，可以作为一个出版商和返回的页面，并使用paginationGetter方法的用户

private paginationGetter: Subject <Product[]> = new Subject <Product[]>(); 
private paginationGetter$: Observable <Product[]> = this.paginationGetter.asObservable(); 

回报paginationGetter $。下一步（数据）发布新数据，然后使用类似于以下代码的方式显示： -

ion-col *ngFor="let item of items | async"> 

请注意，项目涉及：paginationGetter$，异步管道对于*ngFor需要能够显示观察值。

请参考这里一个活生生的例子： -

Pagination Example

希望帮助