Paginierung für dynamische Tabelle in angularjs html

Question

Ich bin neu in angularjs. Ich möchte die Seitennummerierung hinzufügen, um Tabellenzeilen dynamisch zu erstellen. nach 3 Zeilen hinzugefügt Anzeige Paginierung. Wenn Sie auf Kaufen klicken, wird die Zeile hinzugefügt, aber nicht nach 3 Zeilen paginiert. Ich erwähnte Grenze als 3 Controller (script.js) bitte Plunker Demo hier 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

Es gibt einige Dinge überprüfen Sie in Ihrem Code korrigieren müssen.

• Sie definieren den gleichen Controller buySellCtrl zweimal. einmal in Ihrem script.js und einmal in html selbst, was völlig unnötig ist.Stattdessen können Sie den paginate Code innerhalb des script.js verschieben.
• total-items für die Paginierung sollte die Länge des Arrays priceSumRow wie <pagination total-items="priceSumRow.length" ... anstelle von <pagination total-items="totalItems.length" ..., die eine zusätzliche Scope-Variable aus dem Controller verhindert.
• max-size="3" für Paginierung definiert die max Grenze für die Datensätze in einer aktuellen Seite angezeigt wird & items-per-page="numPerPage" definiert bestimmte Anzahl für Datensätze in einer Seite aber in Ihrem Fall, dass Sie numPerPage als 5

---

definiert hatten

Hinweis: Ich würde vorschlagen, dass Sie in einem strikten Modus use strict; arbeiten, ist strikter Modus eine Möglichkeit, eine eingeschränkte Variante von JavaScript zu aktivieren.

MDN : Strict-Modus macht einige Änderungen an normalen JavaScript Semantik. Der strikte Modus beseitigt zunächst einige stille JavaScript-Fehler, indem er sie in Fehler umwandelt. Zweitens behebt der strikte Modus Fehler, die es für JavaScript-Engines schwierig machen, Optimierungen durchzuführen: strikter Moduscode kann manchmal schneller ausgeführt werden als identischer Code, der kein strikter Modus ist. Drittens verbietet der strikte Modus eine Syntax, die wahrscheinlich in zukünftigen Versionen von ECMAScript definiert wird.

Working Demo @ Plunker