Угловой материал / Маршрутизация - выбор sidenav вызывает обновление страницы

Question

В настоящее время я разрабатываю Angular Web-приложение с использованием Angular Material. 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()"

решил проблему.