路径的角度动态数

Question

你好，我需要为组件创建动态路径。。。Smth是这样的。。

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,
},

或者我还有其他选择吗？

Answer 1

您必须使用：

/类别/：类型

使用api的retrive：type到后端使用过滤器不做/../。。。

使用一个斜杠和你的api提供的过滤器

Answer 2

您可以查询参数

localhost:4200/category?cat_one=1&cat_two=2&cat_three=3&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);
});
}