Angular Material / Routing - sidenav选择导致页面刷新

Question

目前我正在使用Angular Material开发Angular Web-App。 sidenav运行完美，但每次打开新的路由器链接时都会刷新整页。

HTML：

<mat-nav-list>
  <a mat-list-item routerLink="/page1" (click)="sidenav.close()">page1</a>
  <a mat-list-item routerLink="/page2" (click)="sidenav.close()">page2</a>
</mat-nav-list>

app.module.ts：

const appRoutes: Routes = [
{ path: 'page1', component: Page1Component},
{ path: 'page2', component: Page2Component},
];

是否有可能停用页面刷新？

Answer 1

更换

(click)="sidenav.close()"

同

(click)="drawer.toggle()"

解决了这个问题。