単純なページ設定コンポーネントにng2-bootstrapをインストールしました。ドキュメント(https://valor-software.com/ng2-bootstrap/#/pagination#pager-component)から、コンポーネントを設定するのはかなりシンプルなようです。角2で改ページするとページごとに項目を設定できません
ただし、ページごとに項目を設定することはできません。私は
PaginationModule.forRoot(),
ようなモジュールは、私はセレクタを追加し、文書などの属性
maxSize:number = 5;
bigTotalItems:number = 726;
bigCurrentPage:number = 1;
numPages:number = 0;
itemsPerPage: number = 10; // **** this is the one not working
が
<pagination
class="pagination-sm"
[totalItems]="bigTotalItems"
[(ngModel)]="bigCurrentPage"
[maxSize]="maxSize"
[boundaryLinks]="true"
[rotate]="false"
[itemsPerPage]="itemsPerPage"
(numPages)="numPages = $event">
</pagination>
すべてが現れなく示して必要なプロパティを追加実施例に従った、インポートページは10に制限されません。すべてが1ページに表示されます。ノードモジュール/ githubのページの構成要素で
(https://github.com/valor-software/ng2-bootstrap/blob/development/src/pagination/pagination.component.ts)ページあたりの項目がそう
this.itemsPerPage = typeof this.itemsPerPage !== 'undefined'
? this.itemsPerPage
: this.config.itemsPerPage;
私は私のページ付けセレクタが直接デコレータ
*ngFor
未満であることを確認しましたように構成されています私はなぜの項目ページを正しく設定できないのかわかりません。
'itemsPerPage:number = 10;'ではなく、-1 – Habeeb
深夜のタイプではありません。私のコンポーネントは正しい構文を持っていました。私は上記の私の答えを一致するように変更しました。 – Winnemucca