小编Ars*_*mam的帖子

Angular 6-带前缀的动态路由

我正在开发Angular Universal Application。我想创建带有自定义前缀的动态路由,但是找不到与我的案例有关的任何有用的文档。任何帮助将不胜感激...

细节:

我所拥有的是,我有4个页面,其中包含4个不同的动态URL:

  • 主页(http://example.com/
  • 分类页(http://example.com/{category_name}
  • 子类别页面(http://example.com/{category_name}/{sub_category_name}
  • 产品页(http://example.com/p{product_id}-{product_name}
  • 用户页面(http://example.com/user{user_id}-{user_name}

我做了什么

我注册了一条处理“主页”,“类别”和“子类别”页面的方法,因为它们具有相同的UI,且具有以下所述的动态类别级别,

RouterModule.forRoot([
      {path: '**', component: HomeComponent, data: {title: 'Home', description: 'Homepage - quick overview.'}}
    ])
Run Code Online (Sandbox Code Playgroud)

挣扎:

现在,我无法添加产品和用户页面的路由,我无法理解,如何分别在产品页面和用户页面中的斜线之后和之前添加p和添加user前缀ids。没有这些前缀,路由工作正常。

产品和用户页面所需URL的示例

我正在使用@angular/router路由。

提前致谢。

dynamic-url angular angular-router angular6

5
推荐指数
1
解决办法
4224
查看次数

标签 统计

angular ×1

angular-router ×1

angular6 ×1

dynamic-url ×1