如何确定 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`(如果仪表盘的路径是 `''`)都会高亮。
另外,我需要在组件中以编程方式确定当前路由。