Угловая 1 кнопка вместо 3

0

У меня проблема с этим кодом разбиения на страницы. У меня есть 1 кнопка вместо 3. Можете ли вы помочь?

paginator.js

$scope.generateButtons = function () {
        var buttons = [],
            pageCount = getPageCount(),
            buttonCount;


        console.log("page " + pageCount);

        buttonCount = pageCount > 2 ? 3 : pageCount;

        for (var i = 0; i < buttonCount; i++) {
            var index = +$scope.offset + i -1;
            if (index > 0) {
                buttons.push(index);
            }
        };

        return buttons;
    };

Посмотреть в плункер

Теги:

2 ответа

1

Мое предложение состоит в том, чтобы использовать постраничную разбивку на угол UI, а не писать с нуля https://angular-ui.github.io/bootstrap/#/pagination

angular.module('ui.bootstrap.demo').controller('PaginationDemoCtrl', function ($scope, $log) {
  $scope.totalItems = 64;
  $scope.currentPage = 4;

  $scope.setPage = function (pageNo) {
    $scope.currentPage = pageNo;
  };

  $scope.pageChanged = function() {
    $log.log('Page changed to: ' + $scope.currentPage);
  };

  $scope.maxSize = 5;
  $scope.bigTotalItems = 175;
  $scope.bigCurrentPage = 1;
});
  • 0
    Я не буду использовать загрузку с помощью Angular UI, потому что я смотрю, чтобы изучить основы :)
0

Это действительно не проблема с угловыми проблемами. Его все о логике для $scope.generateButtons = function() {...} Пожалуйста, измените свою логику по мере необходимости. Вот ваш код (отредактированный) для отображения 3 кнопок.

    $scope.generateButtons = function () {
        var buttons = [],
            pageCount = getPageCount(),
            buttonCount;

        buttonCount = pageCount > 2 ? 3 : pageCount;

        for (var i = 0; i < buttonCount; i++) {
            var index = parseInt($scope.offset) + i+1;

            if (index >= 0) { // this 'if' is not really needed
                buttons.push(index);
            }
        };

        return buttons;
    };

Наслаждайтесь!

Ещё вопросы

Сообщество Overcoder
Наверх
Меню