Методы извлечения параметров URL-адреса в Angular

Чтобы извлечь параметры URL-адреса в Angular, вы можете использовать несколько методов:

  1. 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'];
    // ...
  });
}
  1. 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');
    // ...
  });
}
  1. Маршрутизатор. Другой способ доступа к параметрам 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.