routerLink doesn't work in mat-sidenav

Asked Apr 12 '18 at 09:02

Active Apr 14 '18 at 07:56

Viewed 543 times

I have a mat-sidenav in my project and I want to link a text to another URL, but when I use routerLink it doesn't work but it works out of the side-nav.it even works in the toolbar. what is the problem? here are my codes: 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>

edited Apr 14 '18 at 07:56

asked Apr 12 '18 at 09:02

fariba.j

1,737
7
23
42

Please provide a complete example... https://stackoverflow.com/help/mcve – bugs Apr 12 '18 at 10:12
Where is the `[routerLink]` in your code? – k.vincent Apr 13 '18 at 10:19
@k-vincentI edited the post. my router link is in mat-sidenav-content – fariba.j Apr 14 '18 at 07:57
@bugs I edited my question and I'm there is no other file related to this part. – fariba.j Apr 15 '18 at 07:28

routerLink doesn't work in mat-sidenav

0 Answers0