Angular routing nested route

[anubhav29-commits]

I am using angular 7
I have app-routing.ts

{
path: 'ikgTool',
children: [
{
path: '',
component: IkgToolComponent,
outlet: 'renderView'
},
{
path: 'ikgTool/firmoGraphics/:id',
component: FirmographicsComponent,
outlet: 'renderView'
},
{
path: 'knowledgeFeed/:id',
component: KnowledgeFeedComponent
},
{
path: 'relationships/:id',
component: RelationshipsComponent
},
{
path: 'transactions/:id',
component: TransactionsComponent
},
{
path: 'reportProblem/:id',
component: ReportProblemComponent
}
]
}

I am added Component name like XYZ and Ikg Tool, this tool have the multiple routes inside which needs to be displayed some like "BaseUrl/IkgTool/Firmographics/xyzId".