DirPagination для асинхронного вызова не работает в угловой JS - PullRequest
Новая
       13

DirPagination для асинхронного вызова не работает в угловой JS

0 голосов
/ 30 января 2019

Я использую dirPagination для заполнения таблицы, я установил total-items и current-page динамически с контроллера angularJS, Aysnchronous вызывает правильное заполнение данных для страницы 1, но когда я нажимаю на страницу 2, вызов API возвращает следующий набор результатов, Страница 2 выделена, и дата установлена ​​в массив, но данные не отображаются в пользовательском интерфейсе. 

<!--This is my html code-->
<tr dir-paginate="item in List | orderBy:sortKey:reverse | 
filter:searchPolicy | itemsPerPage:pageSize track by $index" 
total- 
items="totalItems" current-page="currentPage">
<td> </td>
<tr>

<!--This is dirPagination Controller-->
<dir-pagination-controls  max-size="10" ng-if="List!=null" 
on-page-change="pageChanged(newPageNumber)" 
template-url="tpl/dirPagination.tpl.html" direction-links="true" 
boundary-links="true">                                
</dir-pagination-controls>`

//In Controller
$scope.pageSize = 5;
$scope.totalItems = 0;
var start = 0;
var max = 5;
$scope.currentPage = 1;

$scope.pageChanged = pageChanged;
    function pageChanged(pageNum) {
        if (pageNum == 1) {
            start = 0;
            $scope.policyList = [];
        } else {
            start = max * (pageNum - 1);
        }
        $scope.currentPage = pageNum;
        getList();
    }

    //getList function
    $scope.getList = getList;
    function getList() {
        $scope.parameter.pageNumber = $scope.currentPage;
        $scope.parameter.itemsPerPage = max;

        var result = 
        homeService.getList($scope.parameter);

        result.then(function (success) {
            $scope.List = success.data.resultList;
        }, function (error) {
            };
        });
    }
...