Avatar ·

如何确定 Angular 中的活动路由 (route)?确定活动 URL 并高亮链接

大家好!我是 Angular(版本 15)的新手,正在尝试制作一个带有高亮活动项功能的导航菜单。我有一个包含多个链接的组件: ```typescript // navigation.component.ts import { Component } from '@angular/core'; @Component({ selector: 'app-navigation', template: ` ` }) export class NavigationComponent {} ``` 我希望活动链接能获得 CSS 类 `active`(例如,加粗字体或不同颜色)。我尝试过使用 `routerLinkActive`——它似乎有效,但并非完全符合我的预期。有时多个链接会同时高亮,尤其当我有嵌套路由时。例如,导航到 `/users/123` 时,`/users` 和 `/dashboard`(如果仪表盘的路径是 `''`)都会高亮。 另外,我需要在组件中以编程方式确定当前路由。