Многоуровневая строка меню с использованием угловых материалов

Question

Я попробовал следующий код при создании многоуровневой строки меню с использованием угловых материалов.Но кажется, что маршрутизация не работает, как ожидалось.Кто-нибудь имеет представление о том, что здесь пошло не так, или по какой-либо причине, которая вызывает эту проблему?

nav.component.html

check `routerlink` path whatever u mention it doesn't work go with a method

<a mat-list-item routerLinkActive="active" class="navAd-link" [routerLink]="['/students']" (click)="navAd.toggle()">
    <mat-icon mat-list-icon>group</mat-icon>
    <span class="title" mat-line>Students</span>
</a>

rout.ts

import { StudentsComponent } from './Students/Students.component';
import {Routes} from '@angular/router';

export const appRoutes: Routes = [
    {path: 'students', component: StudentsComponent},
    {path: '**', redirectTo: 'students', pathMatch: 'full'},
];