Блог

Здравствуйте, мне нужно создать динамические пути для компонента… Что-то вроде этого..

localhost:4200/category/category1/category2/category3/category4

Это единственный способ решения этой проблемы?

   {
    path: 'category/:category1',
    component: CategoryComponent,
  },
  {
    path: 'category/:category1/:category2',
    component: CategoryComponent,
  },
  {
    path: 'category/:category1/:category2/:category3',
    component: CategoryComponent,
  },
  {
    path: 'category/:category1/:category2/:category3/:category4',
    component: CategoryComponent,
  },
 

Или у меня есть какой-либо другой вариант?

вы должны использовать:

/категория/:тип

и с помощью API повторное использование типа: в серверной части с использованием фильтров не выполняет /../ …

использование одной косой черты и фильтра, предоставляемого вашим API

Вы можете запрашивать параметры

 localhost:4200/category?cat_one=1amp;cat_two=2amp;cat_three=3amp;cat_four=4
 

импорт активирует маршрут

 import {ActivatedRoute} from '@angular/router';
 

В конструкторе вашего компонента

 constructor(private activatedRoute: ActivatedRoute) {
    this.activatedRoute.queryParams.subscribe(params => {
        console.log(params.cat_one);
        console.log(params.cat_two);
        console.log(params.cat_three);
        console.log(params.cat_four);
    });
}