RouterLink с параметрами в Angular: подробное руководство

Вот несколько методов, которые вы можете использовать для реализации RouterLink с параметрами в Angular:

  1. Параметры запроса:

    • Вы можете передавать параметры в качестве параметров запроса в URL-адресе. Например:
      <a [routerLink]="['/path']" [queryParams]="{param1: value1, param2: value2}">Link</a>

      В компоненте можно получить параметры с помощью сервиса ActivatedRoute.

  2. Параметры маршрута:

    • Вы можете определить параметры маршрута в конфигурации маршрутизации. Например:
      { path: 'path/:param1/:param2', component: MyComponent }

      Затем вы можете перейти к маршруту с параметрами с помощью RouterLink:

      <a [routerLink]="['/path', value1, value2]">Link</a>
  3. Фрагмент:

    • Если вы хотите передать данные через идентификатор фрагмента, вы можете использовать свойство фрагмента RouterLink. Например:
      <a [routerLink]="['/path']" fragment="section1">Link</a>
  4. Программная навигация:

    • Если вам нужно программно перемещаться и передавать параметры, вы можете использовать службу Router. Например:
      import { Router } from '@angular/router';
      constructor(private router: Router) {}
      navigateWithParams() {
      this.router.navigate(['/path'], { queryParams: { param1: value1, param2: value2 } });
      }

Не забудьте импортировать необходимые модули и службы, такие как RouterModule и ActivatedRoute, чтобы эффективно использовать эти методы.