导航到另一个页面而不加载现有页面内容？

Question

如何使用Angular 4中的路由导航到另一个页面而不加载现有页面内容？

在这里我添加了路由器以转到新页面。我要转到新页面（URL更改），但是仍然存在的页面内容也正在新页面中加载。如何导航到新页面而不加载现有页面内容？

app component.html

<app-diagonal></app-diagonal>
<a routerLink = "homepage">home component</a>
<router-outlet></router-outlet>

app module.ts

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

    RouterModule.forRoot([
      {
        path: 'homepage',
        component: HomepageComponent
     }
   ])

app.component.ts

import { Router} from '@angular/router';
export class AppComponent {
   constructor(private router: Router) { }
      this.router.navigate(['homepage']); 
    }

homepage.component.html

<p>
  homepage works!
</p>