如何在 Angular 2+ 中从 URL 获取 query params？

大家好！我刚开始学习 Angular（版本 2，或者 4，现在用 17 写，但本质是一样的）。遇到了一个看似简单的任务：我需要从浏览器的 URL 字符串中读取参数。 我有一个商品列表页面，希望用户能够通过 query 参数进行筛选。例如，URL 看起来像这样：`/products?category=electronics&sort=price`。 我尝试在组件内部获取这些参数，但都不起作用。我试过使用 `ActivatedRoute`，但它返回空对象或 `undefined`。 以下是我的组件代码（简化版）： ```typescript import { Component, OnInit } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; @Component({ selector: 'app-products', template: '

商品列表

' }) export class ProductsComponent implements OnInit { constructor(private route: ActivatedRoute) {} ngOnInit() { // 尝试获取参数 console.log(this.route.snapshot.queryParams); } } ```