Question

<tr *ngFor="let post of posts">

    <td>{{post.kind}}</td>
    <td>{{post.title}}</td>
    <td>{{post.author}}</td>
    <td>{{post.publisher}}</td>
    <td>{{post.year}}</td>
    <td>{{post.length}}</td>

  </tr>

问题是posts中有超过200个对象，我想将其限制为10，然后如果我点击下一个（或上一个），它会列出下一个/前一个10.我该怎么做此？

Answer 1

你可以使用烟斗。实现这一点。管道方法可能如下所示：

public transform(items: [], limit: number) {
    return items.slice(0, limit);
}

在模板中：

*ngFor="let post of posts | limitPipe:20"

Answer 2

你可以这样做：

<div *ngFor="let post of posts" let-i="index">
  <li class="dropdown-item" (click)="onClick(item)" *ngIf="i<10">{{post .text}}</li>
</div>

我该如何限制ngFor？

2 个答案: