尤其是有一条路由器链路在angular 7中无法工作
尤其是有一条路由器链路在angular 7中无法工作
提问于 2019-02-13 17:49:36
我使用的是angular 7和材料框架。我正在通过路由器处理菜单，实际上它正在工作，但有一条链路没有注册。我也在模块和路由中添加了它。我已经在下面附加了我的渲染DOM：
这是我的AppComponent.ts内容
<mat-nav-list class="sidenav-submenu" *ngIf="showMenu">
<a mat-list-item routerLink="/BlockMaster"><fa name="building"></fa> Block Master</a>
<a mat-list-item routerLink="/FloorMaster"><fa name="building"></fa> Floor Master</a>
<a mat-list-item routerLink="/CellMaster"><fa name="lock"></fa> Cell Master</a>
<a mat-list-item routerlink="/LocatorMaster"><fa name="location-arrow"></fa> Locator Master</a>
<a mat-list-item routerLink="/TagMaster"><fa name="tags"></fa> Tag Master</a>
<a mat-list-item routerLink="/TagMember"><fa name="users"></fa> Member Master</a>
<a mat-list-item routerLink="/VisitorConfRoom"><fa name="street-view"></fa> Visitor Conf Room Master</a>
<a mat-list-item routerLink="/PrisonerConfRoom"><fa name="university"></fa> Prisoner Conf Room Master</a>
<a mat-list-item routerLink="/MapLocator"><fa name="university"></fa> Map Locator</a>
<a mat-list-item routerLink="/TagTracker"><fa name="university"></fa> Tag Tracker</a>
</mat-nav-list>我的路由配置如下：
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] }];我不确定是什么问题。
回答 2
Stack Overflow用户
发布于 2019-04-17 18:10:17
尝试将routerLinkActive="active"添加到a标记中
示例：
<a mat-list-item routerLink="/BlockMaster" routerLinkActive="active">
<fa name="building"></fa> Block Master
</a>Stack Overflow用户
发布于 2019-04-17 18:22:33
你写错了。router[l]ink="/LocatorMaster" => router[L]ink="/LocatorMaster"
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54667118
复制相关文章
相似问题
腾讯云开发者
