我有一个导航栏作为路由器,有两个 anchor 标记,Home 和 Create,Create 是 Home 的子级。我希望在选择 Create anchor 标记时使其处于事件状态,但 Home anchor 也会处于事件状态,因为它是 Create 的父级。
有什么方法可以防止父 anchor 标记在子 anchor 标记处于事件状态时激活吗?
主页.组件
<ul class="nav navbar-nav">
<li [routerLink]="'/home'" routerLinkActive="active">
<a>Home</a>
</li>
<li [routerLink]="'create'" routerLinkActive="active">
<a>Create</a>
</li>
</ul>
应用程序路由
const appRoutes: Routes = [{
path: "home", component: HomeComponent, children: [{
path: "create", component: CreateComponent
}]
}];
当前行为
访问/home(注意只有 home anchor 标记处于事件状态):
访问/home/create(注意两个 anchor 标记都处于事件状态)
想要的行为
访问/home(注意只有 home anchor 标记处于事件状态):
访问/home/create(注意只有创建标签处于事件状态):
我是否在主页组件中遗漏了某些内容,或者这是正常行为,并且我不应该将 Create 用作 Home 的子组件?
非常感谢大家。
最佳答案
添加:[routerLinkActiveOptions]="{exact: true}"
关于angular - 当 Angular 路由器的子级处于事件状态时,使 Angular 路由器的父级不处于事件状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48905444/