Question

我正在尝试定义唯一的URL结构，但是我似乎无法使子级/未找到的路由正常工作。

例如：

www.mysite.com/:id/home www.mysite.com/:id/about-us

我已经构建了路由模块，并且正在执行以下操作：

const routes: Routes = [
  {
    path: '',
    component: ConciergeComponent,
    pathMatch: 'full'
  },
  {
    component: ConciergeComponent,
    path: ':id',
    children: [{
      path: 'home',
      component: HomeComponent
    }]
  },
  {
    path: '**',
    component: NotFoundComponent
  }
];

如果我导航到www.mysite.com，则将按预期方式调用礼宾服务。在将用户重定向到正确的“着陆页”之前，我正在根据业务规则进行飞行前检查。

但是，当我导航到/ usr-12 / home时，它不起作用，而是给了我NotFound（期望当路由不存在时）。我觉得我在这里想念的东西很小吗？

Answer 1

尝试一下。

const routes: Routes = [
  {
    path: '',
    component: ConciergeComponent,
    pathMatch: 'full'
  },
  {
    component: ConciergeComponent,
    path: ':id/home',
    children: [{
      path: 'home',
      component: HomeComponent
    }]
  }
];

带有根标识符和子页面的角路由

1 个答案: