使用Angular2进行分页和路由器

Question

我不确定如何使用Angular2路由器最好地实现分页。

假设我有一个包含表格的页面，其中包含一个简单的数字page参数：/table;page=1。

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
@Component({
  selector: 'table-component',
  template: `
<table> <tr *ngFor="let row of data"><td>{{ row.data }}</td></tr></table>
<button (click)="nextPage()">`
)
export class TableComponent implements OnInit {
  public data: any[] = [];
  private page: number = 1;
  constructor(private route: ActivatedRoute) {}
  ngOnInit() {
    this.page = this.route.params.getValue('featuredSearch')
    this.nextPage();
  }
  nextPage() {
    this.page = this.page + 1;
    this.APIService.get('data', this.page)
    .then((data: any[]) => {
      this.data = data;
    })
  }
}

（省略了关于酿酒的非关键数据）。

那么 - 如何转到下一页和以编程方式更新路由而不重新加载？ 如何使用[routerLink]呢？