在 Angular 2 中，如何使用父路由确定子路由中的活动路由？

Posted 2023-02-22

【中文标题】在 Angular 2 中，如何使用父路由确定子路由中的活动路由？

【英文标题】：In Angular 2 how do you determine the active route in Child Routing with parent routing?

【发布时间】：2016-12-13 20:34:14

【问题描述】：

在 angular2 中子路由时面临如何突出显示活动路由的问题。我知道我们可以使用父路由

routerLinkActive="active"

但在子路由的情况下，我必须同时突出父路由和子路由。如何做到这一点？

参考这里

In Angular 2 how do you determine the active route?

【参考方案1】：

事实上，您不必在任何地方使用[routerLinkActiveOptions]=" exact: true "。只需使用routerLinkActive="active"。这样，您将能够同时看到父路由及其子路由处于活动状态。

更多参考：https://plnkr.co/edit/UoojNRslgeqfkF83Qgym?p=preview - 检查联系方式。

【讨论】：

是的，我知道，但如果我不使用...exact:true...，就会出现一些问题，请参阅***.com/q/38673498/5043867

我只能帮你搞定。我觉得你一定在某个地方漏掉了什么。您可以使用 RC.4 检查我的 plunker 是否按预期工作。

是的，你是对的，但我现在无法在 plunker 上产生同样的问题 :( 还有其他相同的选择吗？

我不确定，但看看你的另一个问题，我觉得你对routerLink 有一些问题。不过我不确定。您可以检查并与我的 plunker 进行比较，希望它会起作用。