Wie die Umsetzung ngb-Paginierung in angular4

Ich versuche zu zählen ngb-Paginierung, wie zu machen, dass die Arbeit. dies ist möglicherweise ein Duplikat, aber da die Antwort ist nicht funktioniert ich bin ihn erneut zu veröffentlichen.

Ich habe keine Ahnung, wie es funktionieren

 <tr *ngFor="let data of reportsData;let i = index; trackBy: trackByFn">
        <td>{{data.time_stamp}}</td>
      </tr>
    </tbody>
    <ngb-pagination [collectionSize]="50" [page]="1" [maxSize]="5" [rotate]="true" [boundaryLinks]="true"></ngb-pagination>
  • Ihre Frage fehlen eine Menge details. Sie sollte mindestens die Fehler erhalten Sie in der Konsole!
  • tatsächlich, ich weiß nicht, wie es zu implementieren. Ich finde nicht die richtigen Dokumente für Sie, dass @Hamed
InformationsquelleAutor Sibiraj | 2017-05-29
  1. 4

    werfen Sie einen Blick auf diese arbeiten, die demo auf plunker: Hier

    können Sie die offiziellen docs hier: https://ng-bootstrap.github.io/#/components/pagination

    <ngb-pagination [collectionSize]="70" [(page)]="page" [directionLinks]="false"></ngb-pagination>

    in der Komponente

    import {Component} from '@angular/core';

@Component({
  selector: 'ngbd-pagination-basic',
  templateUrl: 'src/pagination-basic.html'
})
export class NgbdPaginationBasic {
 //setting the default page
  page :number = 1;
}

    eine andere alternative ist die ngx-Paginierung als ein einfacher soultion nutzen nehmen Sie einen Blick auf die github-repo: Hier

    • Hameed, sah ich, dass auch Sie helfen bei der Umsetzung mit, dass die Tabelle, die ich oben erwähnt habe.
    • Ich war versucht zu implementieren ng-bootstrap pagination. danke für den alternativen Vorschlag, die war auch gut...
    • wie behandeln Sie die Größe der Seite auf diese?
    InformationsquelleAutor Hamed Baatour
  2. 2

    Habe ich es nicht, aber ich glaube, ich fand eine Antwort auf die Frage, die jeder Anfänger Fragen (bin ich auch):
    Warum ngb-Paginierung nicht funktioniert?

    Sollten Sie slice Ihre JSON-Daten, die von Seiten und in HTML-Komponente Durchlaufen werden, in Scheiben geschnitten-Daten (HINWEIS: dies ist nur die Sicht code-Beispiel!).

    <div *ngFor="let item of pagedItems">{{item.name}}</div>

    Weitere Infos finden Sie auf dieser Artikel und in diese Frage.

    InformationsquelleAutor b.zvyagintsev
Schreibe einen Kommentar