Question

我正在实施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>

我需要帮助。

Answer 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>

Ng2分页不起作用

1 个答案: