如何处理角度5递归未知的确切数路由器参数？ [英] How to handle angular 5 recursive unknown exact number router parameters?

问题描述

有没有办法处理递归未知的确切数量的路由器参数？

Is there a way to handle recursively unknown exact number of router parameters?

例如：

我们有产品类别，可以有子类别，子类别可以有自己的子类别等等。有几个主要条件：

We have products categories, which can have subcategories, subcategories can have it's own subcategories and so on. There are a few main conditions:

• 如果此类别没有子类别，我们会重定向到 / categories / {id } / items 将打开项目列表组件。


• 如果类别有子类别，则应将其重定向到下一个嵌套树级别 / categories / {id} / {id} /.../ {id} 应该打开最后一个categoryId子类别列表组件。


• 到达最后一个类别后没有子类别的项目列表组件将显示 / categories / {id} / {id} /.../ {id} / items 。

• if a such category has no subcategories we redirect to /categories/{id}/items that will open items list component.
• if category has subcategory it should be redirected to next nested tree level /categories/{id}/{id}/.../{id} which should open the last categoryId subcategories list component.
• after getting to the last category which doesn't has subcategories items list component will be shown /categories/{id}/{id}/.../{id}/items.

检查和重定向的解决方案是使用路由器解析器。但是如何在路由模块中跟踪这些网址？

The solutions to check and redirect is to have router resolver. But how track those urls in routing module ?

从我的角度来看，路由应该如下所示：

From my perspective the routes should look something like this:

{
  path: '/categories/:id',
  component: SubcategoriesListComponent
},
{
  path: '/categories/:id/**/:id',
  component: SubcategoriesListComponent,
},
{
  path: '/categories/:id/**/:id/items',
  component: CategoryItemsListComponent
}

是否有可能实现它这样的方式？

Is it possible implement it in a such way ?

推荐答案

无组件路线的可能解决方案：路线配置中的

Possible solution with componentless routes: in routes config

{
    path: 'categories/:id', children: [
    {path: '**', component: SubcategoriesListComponent}
]
}

组件文件中的

：

in component file:

export class SubcategoriesListComponent {

  constructor(aroute: ActivatedRoute) {
    aroute.url.subscribe((data) => {
      console.log('params ', data); //contains all the segments so put logic here of determining what to do according to nesting depth
    });

  }

}

这是输出示例（我在我的项目ErrorComponent上测试过，所以不要混淆）

Here is the output example (i tested on my project ErrorComponent so don't be confused)

这篇关于如何处理角度5递归未知的确切数路由器参数？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！