Question

我正在使用Angular 5，我的routerLinkActive不起作用，并在刷新页面后显示我的参数未定义。

这是我的路线：

    const childRoutes: Routes = [
  {
    path: '', data: { expectedRole: 'ADMIN' }, canActivate: [RoleGard],
    children: [
      { path: '', redirectTo: 'list', pathMatch: 'full' },
      { path: 'list', component: MembersListComponent },
    ]
  },
  {
    path: ':id', data: { expectedRole: 'ADMIN' }, canActivate: [RoleGard],
    children: [
      { path: '', redirectTo: 'edit', pathMatch: 'full' },
      { path: 'edit', component: MemberEditComponent },
      { path: 'status', component: MemberStatusComponent },
      { path: 'delete', component: MemberDeleteComponent }
    ]
  }
];

在我的导航栏中，我显示如下的子路线：

<a class="navbar-navItem" [routerLink]="['members', id, 'edit']" routerLinkActive="active">
    <span class="navbar-navItem-text">{{ 'NAV_BAR.member.edit'|translate }}</span>
  </a>
  <a class="navbar-navItem" [routerLink]="['members', id, 'status']" routerLinkActive="active">
    <span class="navbar-navItem-text">{{ 'NAV_BAR.member.status'|translate }}</span>
  </a>
  <a class="navbar-navItem" [routerLink]="['members', id, 'delete']" routerLinkActive="active">
    <span class="navbar-navItem-text">{{ 'NAV_BAR.member.delete'|translate }}</span>
  </a>

例如，当我导航到“编辑”路线时，它非常有效。但是当我点击F5时，activeRouterLink不起作用。如果我导航到'状态'，它会再次起作用。

有什么想法吗？提前致谢

使用参数刷新后，Angular routerLinkActive未定义

0 个答案: