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

Question

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

HTTP://服务器/结果; dateFrom = 2016年3月11日;页= 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演示.

更多信息可以在router.navigate的API描述中找到.