routerLink在mat-sidenav

时间:2018-04-12 09:02:16

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

我的项目中有一个mat-sidenav,我想将文本链接到另一个URL,但是当我使用routerLink时它不起作用但是它可以在side-nav.it中工作,甚至可以在工具栏。问题是什么?这是我的代码: HTML:

    <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>
        <mat-sidenav mode="side" opened #sidemenu>
        </mat-sidenav>
        <mat-sidenav-content>
          <div routerLink="/">home</div>
        </mat-sidenav-content>
        <router-outlet></router-outlet>
       </mat-sidenav-container>

0 个答案:

没有答案