在mat-sidenav-container角材料5中没有任何效果

时间:2018-04-15 07:00:44

标签: html angular-material routerlink sidenav angular-routerlink

我使用角度5和角度材料。我的mat-sidenav-containermat-sidenavmat-sidenav-content组成。我的页面顶部有一个垫子工具栏。我想在我的sidenav-content中使用routerLink,但它不起作用,但它在我的mat工具栏中有效。即使按钮单击功能也不起作用。这是我的代码

<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>

0 个答案:

没有答案