Question

通常使用Rails，我会使用will_paginate并将其称为一天，但我完全使用Rails5作为API，而前端完全是Angular2。

我已经调查了NG Bootstrap4's Pagination，但除了渲染之外，我还有很多问题需要做任何事情 - 我可以想象为什么。在Angular上进行Paginating的正确过程是什么？我尝试使用will-paging来分页JSON，但我只是限制了结果。

我也看了ng2-pagination这似乎有很多我想要的功能，但我开始得到了 Uncaught TypeError: ctorParameters.map is not a function错误，所以我想也许我应该退后一步。

正确的过程是使用Rails中的控制器来附加一个页面＆＃39; JSON结果的参数？或者更像虚拟化的东西应该是我应该去的路线？

有很多问题 - 即使我有一个活动栏，它显然无法控制我的脚本。

getDecks(): Observable<Deck[]> {
    return this.http.get(this.decksUrl)
                                    .map((response: Response) => <Deck[]>response.json())
                                    .catch(this.handleError);
}

这是与API联系并获得响应的调用 - 我觉得我会涉及到＆＃39;页面＆＃39;这里实际上允许分页做某事吗？

Answer 1

我能够弄明白 - 多个问题。对于那些想知道：

Uncaught TypeError: ctorParameters.map is not a function似乎是新版软件包的编译问题。

Different library but similar issues

我升级了Ang2 +各个库以删除错误。从那里，说明更有意义。

管道应直接构建到ngFor

中

<span *ngFor="let deck of decks| paginate: { itemsPerPage: 10, currentPage: p }" class="list-group-item list-group-item-action">

然后放置 <pagination-controls (pageChange)="p = $event"></pagination-controls> 你想要一个异步栏解决问题的地方。

完美运作 - 图书馆是Ng2-Pagination

Angular2中的分页（On Rails5）

1 个答案: