Skip to main content

Як отримати query-параметри?

Query-параметри (наприклад, ?page=2&sort=asc) отримують за допомогою сервісу ActivatedRoute.

Два варіанти - разове отримання і підписка на зміни:


1. Разове отримання (snapshot)

typescript
constructor(private route: ActivatedRoute) {} ngOnInit() { const page = this.route.snapshot.queryParamMap.get('page'); const sort = this.route.snapshot.queryParamMap.get('sort'); }

Це просто - бере значення на момент входу в компонент.


2. Підписка (реакція на зміни)

typescript
this.route.queryParams.subscribe(params => { const page = params['page']; const sort = params['sort']; });

Потрібно, якщо параметри можуть змінюватися, поки компонент активний (наприклад, під час фільтрації без перезавантаження).


Звідки беруться query-параметри? З URL на кшталт:

javascript
/products?page=2&sort=asc

Angular не перезавантажує компонент, але параметри відстежує.

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.