javascript - IONIC 2 中的分页

标签 javascript angular typescript pagination ionic2

感谢大家的帮助! 在这个机会中,我需要为网格创建分页(例如谷歌分页或类似的东西)并在当前页面中仅显示 10 或 20 行。 我找不到 ionic 2 的任何内容,只能找到无限滚动的分页。

再次感谢!

最佳答案

您需要的是一个可以充当发布者和订阅者的主题。

  • 创建一个服务,可以通过简单的 Http 调用获取页面。

  • 使用可同时用作发布者和订阅者的主题。

  • 将 *ngFor 与异步管道一起使用。

  • 使用 next() 方法使用主题进行发布,并让 *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 能够显示可观察值是必需的。

请引用此处的实例:-

Pagination Example

希望有帮助

关于javascript - IONIC 2 中的分页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45684187/

相关文章:

javascript - FullCalendar 重叠事件不同颜色

typescript :传播类型只能从对象类型创建

javascript - John Resig 的 OO JavaScript 实现生产安全吗?

javascript - 访问 iframe 功能

javascript - 在 Angular 中渲染对象的对象

angular - 使用 ngOnChanges 检测两次分配相同值的属性

javascript - 使用 Object.assign 更新对象后,在数组上调用 Push 方法会崩溃

javascript - Angular 2 : How do I use angular animations to fade in/fade out of components within <router-outlet> after the initial load?

javascript - 无法读取事件监听器中 null 的属性 'sourceEvent'

json - 不能在 *ngFor : angular2 中使用 *ngIF