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>