Ng2分页不起作用答案

【问题标题】：Ng2 Pagination not workingNg2分页不起作用
【发布时间】：2017-06-12 17:36:19
【问题描述】：

我正在实施 Michael Broomley 的 ng2-pagination，但它根本不起作用。

我做了我应该做的一切，但它不起作用。

当我按下任何页码时，停留在第一页。页面链接甚至不会变为指针。

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>

我需要帮助。

【问题讨论】：

"It doesn't work" 太模糊了。检查PLUNKER，也许它指向正确的方向。
您好，感谢您的回答。我非常小心地跟着那个笨蛋，但仍然无法正常工作。分页列表中好像没有超链接。
那你能用你的数据编辑 plunker 吗？

标签： angular pagination

【解决方案1】：

也很高兴看到您的组件代码，至少对于视频结构和“视频”属性而言。

您的第一次迭代循环属性名称长度？看起来很奇怪。

基于原来的 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>

【讨论】：