Question

我遇到服务器端分页问题。我正在从服务器加载分页数据。数据加载正确，但数据的显示很奇怪：例如当我从第1页移到第2页时，我可以看到列表底部第一页的数据片刻，然后它就消失了。在示例中没有这样的行为，我找不到我的代码有什么问题。所以这是我的控制器：

angular.module('ttUserList').controller('UserListController', userListController);

userListController.$inject = ['ngTableParams', 'UserList'];

function userListController(ngTableParams, UserList) {
    var vm = this;
    var USERS_PER_PAGE = 10;

    vm.tableParams;
    vm.getData = getData;
    activate();

    function activate() {
        vm.tableParams = new ngTableParams({
            page: 1,
            count: USERS_PER_PAGE,
            sorting: {
                name: 'asc' //initial sorting
            }
        }, {
            total: 0,
            getData: getData
        })
    }

    function getData($defer, params) {
        UserList.getUsersPage(params.url()).then(function (users) {
            params.total(users.total);
            $defer.resolve(users.list);
        });
    }
}

Html非常简单：

<table data-ng-table="userList.tableParams"  data-show-filter="true" class="bordered responsive-table hoverable">
    <tbody>
        <tr data-ng-repeat="user in $data">
            <td data-title="'Name'" data-sortable="'name'"
                filter="{ 'name,surname': 'text' }">{{user.name}} {{user.surname}}</td>
            <td data-title="'Login'" data-sortable="'login'"
                filter="{ 'login': 'text' }">{{user.login}}</td>
            <td data-title="'Location'" data-sortable="'location'"
                filter="{ 'location': 'text' }">{{user.location}}</td>
            <td data-title="'Details'">
                <md-button class="md-raised md-primary" data-ui-sref="users.details({id: user.id})" data-translate>DETAILS</md-button>
            </td>
        </tr>
    </tbody>
</table>

来自服务的数据是正确的。有没有人在这看到任何问题？

Angular ng-table服务器端分页

0 个答案: