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

Angular 2 final-以编程方式更改URL上的路由参数,angular,angular2-routing,Angular,Angular2 Routing,假设我实际上是“结果”页面 作为结果页面,我想加载第2页,但我需要在浏览器上设置URL字符串,以防有人决定将其作为书签 那么,如何以编程方式更改Web浏览器地址栏上的URL参数呢 泰 您可以使用以下代码执行此操作: import { Router } from '@angular/router'; ... constructor(private router: Router) {} changeRoute () { this.router.navigate(['/resu

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

作为结果页面,我想加载第2页,但我需要在浏览器上设置URL字符串,以防有人决定将其作为书签

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


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

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

...

  constructor(private router: Router) {}

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

...
看看这个



更多信息可在.

app.module.ts中找到。@Omar我在回答中添加了Stackblitz演示。