带有自定义排序和分页功能的Angular 6- * ngFor-如何应用

Question

我有一个与* ngFor绑定的表，想要使用自定义管道进行排序并使用ngx-pagination进行分页。最佳实践是-a）先排序然后分页或b）分页然后进行排序以获取正确结果。

<div class="pagination-group">
  <ul>
    <li *ngFor="let item of collection | paginate: { itemsPerPage: 10, currentPage: p }|sortBy: column: columnClicked "> ... </li>
  </ul>

  <pagination-controls (pageChange)="p = $event"></pagination-controls>
</div>