كيفية الحصول على معاملات الاستعلام (query params) من URL في Angular 2+؟

مرحباً بالجميع! لقد بدأت للتو في تعلم Angular (الإصدار 2، يبدو، أو 4، الآن أكتب على الإصدار 17، لكن المبدأ واحد). واجهت مهمة بسيطة للوهلة الأولى: أحتاج إلى قراءة المعاملات من سلسلة URL في المتصفح.\n\nلدي صفحة تحتوي على قائمة بالمنتجات، وأريد أن يتمكن المستخدم من تصفيتها باستخدام query parameters. على سبيل المثال، يبدو URL كالتالي: `/products?category=electronics&sort=price`.\n\nحاولت الحصول على هذه المعاملات داخل المكون (component)، لكن لا شيء يعمل. جربت استخدام `ActivatedRoute`، لكنه يعيد كائنًا فارغًا أو `undefined`.\n\nإليك كود المكون الخاص بي (مبسط):\n\n```typescript\nimport { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\n\n@Component({\n selector: 'app-products',\n template: '

قائمة المنتجات

'\n})```\n\n