angular – 对子路由的RouterLinkActive都是false

发布时间：2020-12-17 17:36:40 所属栏目：安全来源：网络整理

导读：我有以下儿童路线： { path: '',component: LoginSingupComponent,children: [ { path: 'login',component: LoginComponent },{ path: 'singup',component: SingupComponent },]}, 导航到/ login或/ singup工作正常(加载了正确的组件). 这是LoginSingupCompo

我有以下儿童路线：

{ path: '',component: LoginSingupComponent,children: [
    { path: 'login',component: LoginComponent },{ path: 'singup',component: SingupComponent },]
},

导航到/ login或/ singup工作正常(加载了正确的组件).

这是LoginSingupComponent的摘录

<nav md-tab-nav-bar class="mb-1">
  <a md-tab-link routerLink="/login" routerLinkActive [routerLinkActiveOptions]="{exact: true}" #rla="routerLinkActive" [active]="rla.isActive">Entrar {{rla.isActive}}</a>
  <a md-tab-link routerLink="/singup" routerLinkActive [routerLinkActiveOptions]="{exact: true}" #rla="routerLinkActive" [active]="rla.isActive">Criar uma conta{{rla.isActive}}</a>
</nav>

当打开/登录时,所有rla.isActive == false,当打开/ singup时,所有rla.isActive == true

尝试使用和不使用exact：true

解决方法

试试这样：

<nav md-tab-nav-bar class="mb-1">
    <a md-tab-link [routerLink]="['/']" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">Home</a>
    <a md-tab-link [routerLink]="['/login']" routerLinkActive="active">Login</a>
    <a md-tab-link [routerLink]="['/singup']" routerLinkActive="active">Signup</a>
</nav>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!