Ng2ページネーションが動作しない

Question

私はMichael Broomleyからng2ページネーションを実装しています。単に動作しません。

私がやるべきことはすべてやったし、うまくいきません。

ページ番号のいずれかを押すと、最初のページにとどまります。ページリンクはポインタに変更されません。

video.component.html

<div *ngFor="let item of length | paginate: { itemsPerPage: 8, currentPage: p }, let i = index"> 
    <div *ngFor="let video of videos"> 
    <div class="col-xs-12 col-md-3 centercontent"> 
     <h6 id="h6vim">{{video[i].name}}</h6> 
     <img id="vimimg" [src]="video[i].pictures.sizes[2].link | safeUrl"> 
     <a routerLink="/video/{{video[i].resource_key}}">View</a> 
    </div> 
</div> 
</div> 
<pagination-controls (pageChange)="p = $event"></pagination-controls> 

私は、助けを必要としてください。

Answer 1

少なくともビデオ構造と 'videos'プロパティについては、コンポーネントコードも見ていただければ幸いです。

最初の反復はプロパティ名の長さでループしますか？奇妙に見える。あなたが何か必要があるだろう、元plunkerに基づいて

：

<div *ngFor="let video of videos | paginate: { itemsPerPage: 8, currentPage: p }"> 
    <div class="col-xs-12 col-md-3 centercontent"> 
     <h6 id="h6vim">{{video.name}}</h6> 
     <img id="vimimg" [src]="video.pictures.sizes[2].link | safeUrl"> 
     <a routerLink="'/video/{{video.resource_key}}'">View</a> 
    </div> 
</div> 
<pagination-controls (pageChange)="p = $event"></pagination-controls>