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

مرحباً بالجميع! أنا مبتدئ في Angular (الإصدار 5) وأحاول فهم التوجيه (routing). لدي صفحة قائمة المنتجات، وأريد تمرير معاملات إليها عبر URL، مثلاً: `/products?category=electronics&page=2`. لقد قمت بإعداد التوجيه الأساسي، لكنني لا أستطيع فهم كيفية الحصول على قيم `category` و `page` داخل المكون `ProductsComponent`. جربت استخدام `ActivatedRoute`، لكن لم ينجح الأمر. إليك الكود الخاص بي: ```typescript // products.component.ts import { Component, OnInit } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; @Component({ selector: 'app-products', templateUrl: './products.component.html' }) export class ProductsComponent implements OnInit { constructor(private route: ActivatedRoute) { } ngOnInit() { // أحاول الحصول على المعاملات console.log(this.route.params); // يعيد undefined أو Observable console.log(this.route.queryParams); // أيضاً Observable، لا أفهم كيفية استخدامه } } ```