Angular routing不会刷新页面

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

@Component({
  selector: 'app-root',
  template: `<button (click)="refreshPage()">Refresh Page</button>`
})
export class AppComponent {
  refreshPage() {
    window.location.reload();
  }
}

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

@Component({
  selector: 'app-root',
  template: `<button (click)="navigateWithRefresh()">Navigate with Refresh</button>`
})
export class AppComponent {
  constructor(private router: Router) {}

  navigateWithRefresh() {
    const navigationExtras: NavigationExtras = { replaceUrl: true };
    this.router.navigate(['/new-route'], navigationExtras);
  }
}