angular - 在子空路径或父路径中指定组件

Question

这篇文章是为了征求对以下问题的第二意见。以下是为 /tasks URL 配置组件的两条路由。我已经测试过，它们似乎是等价的。现在我想知道哪个是首选。假设在标有... 的路由中还有其他 child 。

因此，第一个组件在 path 旁边指定:

export const tasksRoutes: Routes = [
  {
    path: 'tasks',
    component: ExTasksComponent,
    children: [
      ...
    ]
  }
];

第二个组件在 children 节点的空路径中指定:

export const tasksRoutes: Routes = [
  {
    path: 'tasks',
    children: [
      {
        path: '',
        component: ExTasksComponent
      }
      ...
    ]
  }
];

有什么想法吗？

Answer 1

虽然它有点基于意见，但第二个会更有帮助。

savkin 在:http://vsavkin.tumblr.com/post/146722301646/angular-router-empty-paths-componentless-routes 中声明:无组件路由“使用”URL 段而不实例化组件

因此，当导航到其他子路由时，您将不必要地实例化基础组件。