如何在 Angular 5 中从 URL 获取查询参数 (query parameters)？

大家好！我是 Angular（版本 5）的新手，正在尝试理解路由。我有一个商品列表页面，想通过 URL 传递参数给它，例如：`/products?category=electronics&page=2`。 我已经配置了基本路由，但不知道如何在 `ProductsComponent` 组件内部获取 `category` 和 `page` 的值。我尝试使用 `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，不知道如何使用 } ```