在Angular 2中重置或重新加载同一页面

Question

我试图通过使用router.navigate重新加载Angular 2中的相同URL，但它无法正常工作。

网址： http：// localhost：3000 / page1

场景：我在http：// localhost：3000 / landing上，点击按钮，会传递应该重新加载页面的路由参数。

例：

假设用户在page1（编辑表单）并且url读取为localhost:3000/page1并且将有一个按钮创建新，在点击按钮时使用路由参数

let navigationExtras: NavigationExtras = { queryParams: { "refresh": "Y" } }; 
this.router.navigate(['page1'], navigationExtras);

Answer 1

仅在创建组件时调用ngOnInit。 当您导航到同一页面（具有不同的url参数）时，不会调用ngOnInit方法。 您应该使用ActivatedRoute Params Observable

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

export class MyComponent implements OnInit {
  constructor(private _activatedRoute: ActivatedRoute){}

  ngOnInit(){
    this._activatedRoute.params.subscribe(
      params => {
        // this is called everytime the url changes
      }
   }
}

Answer 2

你只需要调用window.location.reload();