كيفية تحديد المسار (route) النشط في Angular؟ تحديد الرابط النشط وإبراز الروابط

مرحباً بالجميع! أنا جديد في Angular (الإصدار 15) وأحاول إنشاء قائمة تنقل مع إبراز العنصر النشط. لدي مكون مع عدة روابط: ```typescript // navigation.component.ts import { Component } from '@angular/core'; @Component({ selector: 'app-navigation', template: ` ` }) export class NavigationComponent {} ``` أريد أن يحصل الرابط النشط على CSS-class `active` (مثل خط عريض أو لون مختلف). جربت استخدام `routerLinkActive` - يبدو أنه يعمل، ولكن ليس تماماً كما توقعت. أحياناً يتم إبراز عدة روابط في نفس الوقت، خاصة عندما يكون لدي مسارات متداخلة. على سبيل المثال، عند الانتقال إلى `/users/123` يتم إبراز كل من `/users` و `/dashboard` (إذا كان مسار لوحة القيادة هو `''`). أيضاً أحتاج في المكون إلى تحديد المسار (route) برمجياً