Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Як отримати query-параметри?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Query-параметри** (наприклад, `?page=2&sort=asc`) отримують за допомогою сервісу `ActivatedRoute` - або разовим зчитуванням через snapshot, або підпискою на зміни. **Ключове:** Angular не перезавантажує компонент, але параметри відстежує.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення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 не перезавантажує компонент, але параметри відстежує.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.