在角度js表中添加分页

Question

我有下表：

<div class="container-fluid">

                                <table class="table table-hover">
                                    <thead>
                                    <tr>
                                        <th>Action Date</th>
                                        <th>Action Taken</th>
                                        <th>Problem</th>
                                        <th>Status</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr ng-repeat="contact in customer.contactHistory">
                                        <td>{{contact.actionDate}}</td>
                                        <td>{{contact.actionTaken}}</td>
                                        <td>{{contact.problem}}</td>
                                        <td>{{contact.status}}</td>
                                    </tr>
                                    </tbody>

                                </table>

                            </div>

如何在此添加分页？我有一个单独的js控制器文件。我想添加分页，因此在页面加载时只能看到10行。

Answer 1

将Pagination.js创建为角度服务，如下所示，您可能需要玩一个代码才能在您的代码中实现。

<div >
        <div class="slide-animate" ng-include="pagination.url"></div>
    </div>

以下是用于显示分页界面的Html，如下所示

onkeyup