pagination для динамического стола в angularjs html

Question

Я новичок в angularjs. Я хочу добавить разбиение на страницы, чтобы динамически создавать строки таблицы. после добавления 3 строк отображения страниц. Когда вы нажимаете кнопку «покупать», она добавляет строку, но не разбивается на страницы после трех строк. Я упомянул предел в 3 в контроллере (script.js) пожалуйста, проверьте plunker демку здесь http://plnkr.co/edit/aViHHoqLBSSiIVMh2KkH?p=preview

`<tr ng-repeat="sum in priceSumRow | filter : paginate">` 
buySellApp.controller('buySellCtrl', ['$scope', function($scope) { 
$scope.totalItems = $scope.priceSumRow.length; 
$scope.currentPage = 1; 
    $scope.numPerPage = 5; 

    $scope.paginate = function(value) { 
    var begin, end, index; 
    begin = ($scope.currentPage - 1) * $scope.numPerPage; 
    end = begin + $scope.numPerPage; 
    index = $scope.priceSumRow.indexOf(value); 
    return (begin <= index && index < end); 
}; 
}]); 

Answer 1

Есть несколько вещей, которые нужно исправить в коде.

• Вы определяете один и тот же контроллер buySellCtrl дважды. один раз в вашем скрипте.js и один раз в самом html, что совершенно не нужно. Вместо этого вы можете переместить код paginate внутри script.js.
• total-items для разбивки на страницы следует длина массива priceSumRow, как <pagination total-items="priceSumRow.length" ..., а не <pagination total-items="totalItems.length" ..., что предотвращает дополнительную переменную области видимости от контроллера.
• max-size="3" для пагинацией определяет предел максимального для записи, которые должны быть отображены в текущей странице & items-per-page="numPerPage" определяет определенное количество записей на странице , но в вашем случае, если вы определили numPerPage в 5

---

Примечание: Я предлагаю вам работать в строгом режиме use strict;, строгий режим - это вариант для ограниченного варианта JavaScript.

MDN : Строгий режим делает несколько изменений в нормальной семантике JavaScript. Во-первых, строгий режим устраняет некоторые ошибки в JavaScript без изменения ошибок. Во-вторых, строгий режим исправляет ошибки, которые затрудняют выполнение JavaScript-движками: строгий режимный код иногда может запускаться быстрее, чем идентичный код, который не является строгим. В-третьих, строгий режим запрещает некоторый синтаксис, который может быть определен в будущих версиях ECMAScript.

Working Demo @ Plunker