Чтобы извлечь параметры URL-адреса в Angular, вы можете использовать несколько методов:
- ActivatedRoute: Класс ActivatedRoute предоставляет способ доступа к параметрам текущего маршрута. Вы можете подписаться на свойство params и получать параметры следующим образом:
import { ActivatedRoute } from '@angular/router';
constructor(private route: ActivatedRoute) { }
ngOnInit() {
this.route.params.subscribe(params => {
// Access individual parameters using params['paramName']
const param1 = params['param1'];
const param2 = params['param2'];
// ...
});
}
- QueryParamsHandling: если вы хотите получить параметры запроса из URL-адреса, вы можете использовать свойство queryParamMap класса ActivatedRoute. Этот подход позволяет получать как параметры маршрута, так и параметры запроса:
import { ActivatedRoute } from '@angular/router';
constructor(private route: ActivatedRoute) { }
ngOnInit() {
this.route.queryParamMap.subscribe(queryParams => {
// Access individual query parameters using queryParams.get('paramName')
const param1 = queryParams.get('param1');
const param2 = queryParams.get('param2');
// ...
});
}
- Маршрутизатор. Другой способ доступа к параметрам URL-адреса — использование службы маршрутизатора. Вы можете извлечь параметры, используя свойство моментального снимка, или подписаться на события, отправляемые маршрутизатором:
import { Router, ActivatedRouteSnapshot } from '@angular/router';
constructor(private router: Router) { }
ngOnInit() {
// Using snapshot
const snapshot: ActivatedRouteSnapshot = this.router.routerState.snapshot.root;
const param1 = snapshot.queryParams['param1'];
const param2 = snapshot.queryParams['param2'];
// Using events
this.router.events.subscribe(event => {
if (event instanceof NavigationEnd) {
const param1 = this.router.routerState.snapshot.root.queryParams['param1'];
const param2 = this.router.routerState.snapshot.root.queryParams['param2'];
// ...
}
});
}
Эти методы помогут вам извлечь параметры URL-адреса в Angular.