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

Question

假设我实际上是页面“结果”......

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

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

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

公司！

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找到。