особенно один маршрутизатор, ссылка не работает в угловых 7

Question

Я использую угловой 7 с материальной рамкой.Я работал над меню через маршрутизатор, и на самом деле он работает, но одна ссылка не регистрируется.Я добавил его в модуль и маршрут также.Я прикрепил мой обработанный DOM ниже:

И это мой контент AppComponent.ts

<mat-nav-list class="sidenav-submenu" *ngIf="showMenu">
  <a mat-list-item routerLink="/BlockMaster"><fa name="building"></fa>&nbsp;&nbsp;Block Master</a>
  <a mat-list-item routerLink="/FloorMaster"><fa name="building"></fa>&nbsp;&nbsp;Floor Master</a>
  <a mat-list-item routerLink="/CellMaster"><fa name="lock"></fa>&nbsp;&nbsp;Cell Master</a>
  <a mat-list-item routerlink="/LocatorMaster"><fa name="location-arrow"></fa>&nbsp;&nbsp;Locator Master</a>
  <a mat-list-item routerLink="/TagMaster"><fa name="tags"></fa>&nbsp;&nbsp;Tag Master</a>
  <a mat-list-item routerLink="/TagMember"><fa name="users"></fa>&nbsp;&nbsp;Member Master</a>
  <a mat-list-item routerLink="/VisitorConfRoom"><fa name="street-view"></fa>&nbsp;&nbsp;Visitor Conf Room Master</a>
  <a mat-list-item routerLink="/PrisonerConfRoom"><fa name="university"></fa>&nbsp;&nbsp;Prisoner Conf Room Master</a>
  <a mat-list-item routerLink="/MapLocator"><fa name="university"></fa>&nbsp;&nbsp;Map Locator</a>
  <a mat-list-item routerLink="/TagTracker"><fa name="university"></fa>&nbsp;&nbsp;Tag Tracker</a>
</mat-nav-list>

И мой Route config ниже:

 Routes = [
{ path: '', component: HomeComponent, canActivate: [AuthGuard] },
{ path: 'CellMaster', component: CellMasterComponent, canActivate: [AuthGuard] },
{ path: 'TagMaster', component: TagMasterComponent, canActivate: [AuthGuard] },
{ path: 'TagMember', component: TagMemberComponent, canActivate: [AuthGuard] },
{ path: 'LocatorMaster', component: LocatorMasterComponent, canActivate: [AuthGuard] },
{ path: 'BlockMaster', component: BlockMasterComponent, canActivate: [AuthGuard] },
{ path: 'FloorMaster', component: FloorMasterComponent, canActivate: [AuthGuard] },
{ path: 'VisitorConfRoom', component: VisitorConfRoomMasterComponent, canActivate: [AuthGuard] },
{ path: 'PrisonerConfRoom', component: PrisonerConfRoomMasterComponent, canActivate: [AuthGuard] },
{ path: 'MapLocator', component: MapLocatorComponent, canActivate: [AuthGuard] },
{ path: 'TagTracker', component: TagTrackerComponent, canActivate: [AuthGuard] }];

Я не уверен, в чем проблема.

Answer 1

Вы написали неправильно.router[l]ink="/LocatorMaster" => router[L]ink="/LocatorMaster"

Answer 2

попробуйте добавить routerLinkActive="active" к вашим тегам

пример:

<a mat-list-item routerLink="/BlockMaster" routerLinkActive="active">
    <fa name="building"></fa>&nbsp;&nbsp;Block Master
</a>