javascript - 在不重新加载 Angular 2 的情况下更改路由参数

Question

我正在使用 Angular 2、Google map 等制作一个房地产网站，当用户更改 map 的中心时，我会搜索 API 以指示 map 的当前位置和半径。问题是，我想在不重新加载整个页面的情况下在 url 中反射(reflect)这些值。那可能吗？我找到了一些使用 AngularJS 1.x 的解决方案，但没有找到关于 Angular 2 的解决方案。

Answer 1

从 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/");
  }
}