Como obter parâmetros de consulta (query parameters) da URL no Angular 5?
Olá a todos! Sou novo no Angular (versão 5) e estou tentando entender o roteamento. Tenho uma página de lista de produtos e quero passar parâmetros para ela através da URL, por exemplo: `/products?category=electronics&page=2`.
Já configurei o roteamento básico, mas não consigo entender como obter os valores de `category` e `page` dentro do componente `ProductsComponent`. Tentei usar `ActivatedRoute`, mas não deu certo. Aqui está meu código:
```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() {
// tentando obter os parâmetros
console.log(this.route.params); // retorna undefined ou Observable
console.log(this.route.queryParams); // também Observable, não entendo como usá-lo
}