为父子路由使用一个组件答案

【问题标题】：Using one component for parent and child routes为父子路由使用一个组件
【发布时间】：2017-12-14 01:10:32
【问题描述】：

我创建了一个延迟加载模块，当用户重定向到路由时必须加载一个组件但是我收到如下所述的错误：

Error: Uncaught (in promise): Error: Cannot find primary outlet to load 'XYZComponent'

这是我的模块。

import { XYZComponent } from './xyz-confirm'

const XYZConfirmRoute: Route[] = [
  { 
    path: '', component: XYZComponent ,
    children: [
        { path: 'test', component: XYZComponent}
    ]
  }
];

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    RouterModule.forChild(XYZConfirmRoute)
  ],
  declarations: [XYZComponent],
  exports: [RouterModule],
  schemas: [ CUSTOM_ELEMENTS_SCHEMA ]  
})
export class XYZConfirmModule { }

正如您在上面看到的，我想为父路由和子路由加载XYZComponent。有什么办法可以做到吗？

【问题讨论】：

这里相同：stackoverflow.com/questions/42167047/…
但是为父路由和子路由加载相同的组件是否正确？
没有找到出口，你应该定义出口。

标签： angular typescript routes components angular2-routing

【解决方案1】：

你不能简单地这样做

  {
    path: 'test', component: XYZComponent
  },{
    path: '', component: XYZComponent
  }

注意你必须像我一样在顶部定义窄路径test在顶部然后''强>

【讨论】：