Question

我的页面上有分页（单页中 5 行）首次更改页码时，会暂时变为 10 行，然后显示 5 。

我希望改善用户体验，当他更改页码时，他不会有任何UI干扰的感觉。

这是我的分页代码。

$scope.currentPage = cPage
    , $scope.numPerPage = PerPage
    , $scope.maxSize = maxNavSize;

$scope.numPages = function () {
    return Math.ceil(dataLength / $scope.numPerPage);
};
if (watchFun)
    watchFun()

watchFun = $scope.$watch('currentPage + numPerPage', function (newValue, oldValue) {
    $scope.cPage = $scope.currentPage;
    var begin = (($scope.currentPage - 1) * $scope.numPerPage),
        end = begin + $scope.numPerPage;

    // ajax call to get data for each page
    $http({
        url: url+ '?'+data + "&offset=" + begin + "&limit=" + PerPage,
        method: "GET",
        headers: {'Content-Type': 'application/x-www-form-urlencoded'}
    }) .success(function (response) {
            if (response.length != 0) {
                      $scope.historyContest =[];
                      $scope.historyContest = response;
           }

        });
});

$ scope.historyContest 代表ng-repeat，因此每个页面都会更改。

如果您有任何疑问，请告诉我我会更新。

由于

Answer 1

这可以解决您的问题吗？

 if (response.length != 0) {
  $scope.historyContest =[];
  $timeout(function(){
      $scope.historyContest = response;
  },100); 
}

Angularjs - 在导航ng-repeat中，在randering期间显示更多行

1 个答案: