[英]Angular Routing routerLinkActive
出于某种原因,当我进入heroes / 2链接时,两个链接都从routerLinkActive获得.active类,但我希望只有c2.component才能获取它。 我怎么了
PS:如果我去英雄链接=仅此链接有效。
const appRoutes: Routes = [
{ path: 'heros', component: c1},
{ path: 'heros/:id', component: c2},
];
<a routerLink="/heros" routerLinkActive="active">heros</a>
<a routerLink="/heros/2" routerLinkActive="active">hero 2</a>
您可以通过传递精确值:true来配置RouterLinkActive。 仅当url与链接完全匹配时,才添加类。
<a routerLink="/heros" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact: true}">heros</a>
<a routerLink="/heros/2" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact: true}">hero 2</a>
您需要将exact
参数设置为true
,以便仅将类设置为精确数学:
<a
routerLink="/heros"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact: true}"
> heros </a>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.