html - 在 mat-sidenav-container angular material 5 中没有什么效果很好

Question

我正在使用 angular 5 和 angular 材料。我有一个mat-sidenav-container由mat-sidenav和 组成的mat-sidenav-content。我的页面顶部有一个垫子工具栏。我想在我的中使用 routerLinksidenav-content但它不工作但它在我的 mat-toolbar 中工作。即使是按钮单击功能也不起作用。下面是我的代码

<mat-toolbar>
    <mat-toolbar-row>
        <div>
            <button mat-icon-button class="button" (click)="sidemenu.toggle()">
        <mat-icon class="menu">menu</mat-icon>
      </button>
        </div>
        <div mat-card-avatar class="example-header-image"></div>
    </mat-toolbar-row>
</mat-toolbar>
<mat-sidenav-container class="example-container">
    <mat-sidenav mode="side" opened #sidemenu>
        <mat-nav-list>
            <mat-list-item appAccordionLink>
                <a appAccordionToggle>
                    <mat-icon class="list-icon">inbox</mat-icon>
                    <span class="link">IncomingMail</span>
                    <span fxFlex></span>
                </a>
            </mat-list-item>
        </mat-nav-list>
    </mat-sidenav>
    <mat-sidenav-content>
        <a routerLink="/">Home</a>
    </mat-sidenav-content>
    <router-outlet></router-outlet>
</mat-sidenav-container>