2017-03-05 62 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