2017-03-15 1 views
0

単純なページ設定コンポーネントに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 

未満であることを確認しましたように構成されています私はなぜの項目ページを正しく設定できないのかわかりません。

+0

'itemsPerPage:number = 10;'ではなく、-1 – Habeeb

+0

深夜のタイプではありません。私のコンポーネントは正しい構文を持っていました。私は上記の私の答えを一致するように変更しました。 – Winnemucca

答えて

0

ng2-bootstrapのissueからこれを続けると、ページ分割コンポーネントの設定に基づいて表示するデータをどのように分割するのかが示されません。ページ設定コンポーネントは、情報をページに細分する方法と、必要なページが変更されたことを通知するためのデバイスです。あなたのページは表示されません。あなたのコードにはその責任があります。
issueで参照されたプランカは、選択されたページと1ページあたりの項目の数に応じて、アレイに保持された情報のサブセットがディスプレイに供給される、これを行う1つの方法を示しています。これは、pageChangedイベントが発生したときにページの内容を構築する関数を呼び出すことで行います。
また、itemsPerPage <について1件の質問がありました。これは純粋に、何らかの理由でitemsPerPageを1未満の数値に設定した場合、すべてが1ページに表示されることを指摘していました。 plunkerはこの状態を閉じ込めず、何も表示しませんでした - 私はplunkterを更新して、今すぐ動作するようにしました。

関連する問題