uib-Paginierung NICHT funktioniert Angularjs

BEARBEITEN!

Hinzugefügt mehr code-Schnipsel und plunker aktualisiert (WIEDER)

Noch ziemlich neu Schwenk-und um Codierung im Allgemeinen.

Habe ich versucht, und versucht zu instanziieren des UI-Paginierung von der Winkel-Richtlinien website. Ich habe durchforstet, Stack Overflow und codeProject und verschiedenen anderen Seiten. Ich kann nicht für das Leben von mir bekommen, meine Paginierung arbeiten.

Ich weiß nicht, was anderes zu versuchen. Ich bin mir ziemlich sicher, dass ich genannt habe genug Eigenschaften

<uib-pagination
    items-per-page="itemsPerPage"
    ng-model="currentPage"
    max-size="maxSize"
    class="pagination-sm"
    next-text="&raquo;"
    previous-text="&laquo;"
    boundary-links="false" >
</uib-pagination>

und läuft der controller:

app.controller('PaginationControl',function ($scope,  $window) {
    //Pagination variables
    $scope.totalItems = 100; //this needs to be changed to represent the total of filtered parks after a search is done and NOT a static number.
    $scope.currentPage = 1;
    $scope.maxSize = 8;
    $scope.itemsPerPage = 10;

});

Was ich nicht verstehe ist, wie man ändern Sie die Paginierung Eigenschaften von statischen zahlen, die hart codiert in den controller zur dynamischen zahlen basierend auf den Ergebnissen meiner Suche.

Hier ein Plunker, die alles hat, aber die Seitenzählung der Arbeit.

Viel verpflichtet

  • Die Plunker fehlt jQuery und angular-animate.
  • Ich schwöre, Sie waren es vor. Ich aktualisiert. Immer noch keine Ergebnisse sehen. plunker
  • Ich brauchte nur einen schnellen Blick jetzt, vielleicht versuchen zu helfen, später, wenn ich Zeit habe. Ich bemerkte, dass display definiert ist, in ListController, aber in der DOM unter PaginationControl. PaginationControl Geschwister und nicht ein Kind zu ListController, so die display übergeben wird uib-pagination undefiniert.
  • Bearbeitet Plunker. Noch nicht ganz sicher.
  • Nur zur Klarstellung @tasseKATT, warum brauche ich jquery in meinem code ist alles Eckig?
  • Es ist, weil Sie bootstrap.min.js erfordert jQuery.
  • Landete ich Wechsel zu dirPagination aufgrund der Unfähigkeit, eine Antwort zu finden oder zu bekommen, meinen code zu mehr Dynamik.
  • können Sie bitte meine Frage stackoverflow.com/questions/43546340/... ?
  • sollten Sie verwenden <div uib-pagination statt <uib-pagination finden Sie unter: stackoverflow.com/a/44803009/769137

InformationsquelleAutor heb-NR | 2015-12-08
  1. 2

    Gab es ein paar Probleme mit Ihrem plunk. Sie verwiesen die bootstrap.js Dateien anstelle von bootstrap.css-Datei. Sie verwiesen den eckigen Kern-Bibliothek für version 1.4.5 und der Winkel animieren-Bibliothek für version 1.4.7. Sie verweisen jQueryUI aber nicht jQuery. Sie haben nicht die Gesamt-Attribut items auf die Paginierung der Richtlinie. Hier ist eine aktualisierte plunk mit der Paginierung anzeigen. Aktualisierte Referenz-block:

    <link href="//netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
<script src="https://code.angularjs.org/1.4.7/angular-animate.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.8/angular-filter.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.14.3/ui-bootstrap-tpls.min.js"></script>
<script src="script.js"></script>
    InformationsquelleAutor Rob J
Schreibe einen Kommentar