Angular 2 final - 以编程方式更改URL上的路由参数

Question

假设我实际上是页面＆＃34;结果＆＃34; ...

http://server/results;dateFrom=03-11-2016;page=1

我作为结果页面，我想加载页面2，但我需要将浏览器上的URL字符串设置为http://server/results;dateFrom=03-11-2016;page=2，以防万一有人决定将其加入书签。

那么，如何以编程方式更改Web浏览器地址栏上的URL参数？

ty！

Answer 1

您可以使用以下代码执行此操作：

import { Router } from '@angular/router';

...

  constructor(private router: Router) {}

  changeRoute () {
    this.router.navigate(['/results', { dateFrom: this.dateFrom, page: this.page }]);
  }

...

看看这个stackblitz demo。

可在API description of router.navigate找到更多信息。