Angular में सक्रिय रूट (route) कैसे निर्धारित करें? सक्रिय URL की पहचान और लिंक हाइलाइटिंग

सभी को नमस्ते! मैं Angular (संस्करण 15) में नया हूँ और सक्रिय आइटम को हाइलाइट करने वाला नेविगेशन मेनू बनाने की कोशिश कर रहा हूँ। मेरे पास कई लिंक वाला एक कंपोनेंट है:\n\n```typescript\n// navigation.component.ts\nimport { Component } from '@angular/core';\n\n@Component({\n selector: 'app-navigation',\n template: `\n \n `\n})\nexport class NavigationComponent {}\n```\n\nमैं चाहता हूँ कि सक्रिय लिंक को CSS क्लास `active` मिले (जैसे, बोल्ड फ़ॉन्ट या अलग रंग)। मैंने `routerLinkActive` का उपयोग करने की कोशिश की — यह काम करता है, लेकिन बिल्कुल वैसा नहीं जैसा मैं उम्मीद करता हूँ। कभी-कभी एक साथ कई लिंक हाइलाइट हो जाते हैं, खासकर जब मेरे पास