2017-03-05 60 views
0

通常使用Rails,我会使用will_paginate并将其称为一天,但我将Rails5纯粹用作API,前端完全是Angular2。Angular2中的分页(On Rails5)

我已经看过NG Bootstrap4's Pagination但我有很多问题让它做除了渲染之外的任何事情 - 我可以想象为什么。 Paginating on Angular的正确流程是什么?我尝试使用will-paging来分页JSON,但是我只是限制了结果。

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

适当的过程是使用Rails中的控制器来追加一个'页面'参数到JSON结果吗?或者更像虚拟化是我应该走的路线?

有很多问题 - 即使我有酒吧活跃,它显然无法控制我的脚本。

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

这是调用联系人API和获取响应 - 我觉得我会涉及到“页”在这里实际上允许分页做些什么?

回答

0

我能弄明白 - 多个问题。对于那些想知道的人:

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