从 RC6 开始，您可以执行以下操作来更改 URL 而不更改状态，从而保留您的路线历史记录

    import {OnInit} from '@angular/core';

    import {Location} from '@angular/common'; 
    // If you dont import this angular will import the wrong "Location"

    @Component({
        selector: 'example-component',
        templateUrl: 'xxx.html'
    })
    export class ExampleComponent implements OnInit {
        
        constructor( private location: Location )
        {}

        ngOnInit() {    
            this.location.replaceState("/some/newstate/");
        }
    }

您可以使用location.go(url)which 基本上会改变您的网址，而不会改变应用程序的路线。

注意这可能会导致其他效果，例如从当前路由重定向到子路由。

描述的相关问题location.go不会Router发生变化。

使用location.go(url)是可行的方法，但不要对 url 进行硬编码，而是考虑使用router.createUrlTree().

鉴于您想要执行以下路由调用：this.router.navigate([{param: 1}], {relativeTo: this.activatedRoute})但无需重新加载组件，它可以重写为：

const url = this.router.createUrlTree([], {relativeTo: this.activatedRoute, queryParams: {param: 1}}).toString()

 this.location.go(url);

对于像我这样发现这个问题的人，以下内容可能有用。

我遇到了类似的问题，最初尝试使用 location.go 和 location.replaceState，如此处其他答案中的建议。但是，当我不得不导航到应用程序上的另一个页面时遇到了问题，因为导航是相对于当前路线的，并且当前路线没有被 location.go 或 location.replaceState 更新（路由器不知道任何事情关于这些对 URL 的作用）

本质上，我需要一个解决方案，当路由参数更改但 DID 在内部更新路由状态时，不会重新加载页面/组件。

我最终使用了查询参数。您可以在此处找到更多相关信息：https : //angular-2-training-book.rangle.io/handout/routing/query_params.html

因此，如果您需要执行诸如保存订单并获取订单 ID 之类的操作，您可以更新您的页面 URL，如下所示。更新地图上的中心位置和相关数据将类似

// let's say we're saving an order. Initally the URL is just blah/orders
save(orderId) {
    // [Here we would call back-end to save the order in the database]

    this.router.navigate(['orders'], { queryParams: { id: orderId } });
    // now the URL is blah/orders?id:1234. We don't reload the orders
    // page or component so get desired behaviour of not seeing any 
    // flickers or resetting the page.
}

并且您在 ngOnInit 方法中跟踪它，例如：

ngOnInit() {
    this.orderId = this.route
        .queryParamMap
        .map(params => params.get('id') || null);
    // orderID is up-to-date with what is saved in database now, or if
    // nothing is saved and hence no id query paramter the orderId variable
    // is simply null.
    // [You can load the order here from its ID if this suits your design]
}

如果您需要使用新的（未保存的）订单直接进入订单页面，您可以执行以下操作：

this.router.navigate(['orders']);

或者，如果您需要直接转到现有（已保存）订单的订单页面，您可以执行以下操作：

this.router.navigate(['orders'], { queryParams: { id: '1234' } });

我很难让它在 angular2 的 RCx 版本中工作。Location 包已移动，并且在 constructor() 中运行 location.go() 将不起作用。它需要是 ngOnInit() 或更晚的生命周期。下面是一些示例代码：

import {OnInit} from '@angular/core';
import {Location} from '@angular/common';

@Component({
  selector: 'example-component',
  templateUrl: 'xxx.html'
})
export class ExampleComponent implements OnInit
{
  constructor( private location: Location )
  {}

  ngOnInit()
  {    
    this.location.go( '/example;example_param=917' );
  }
}

以下是有关此事的角度资源：https : //angular.io/docs/ts/latest/api/common/index/Location-class.html https://angular.io/docs/ts/latest/api/通用/索引/LocationStrategy-class.html