Per visualizzare uno atro al suo intermo basterebbe inserire il suo selettore nel punto desiderato.
Nel caso che si voglia scegliere tra piu componenti (figli) è necessario impostare le reletive rotte nel file app.routes.ts come sotto indicato:
{ path:'padre', component:PadreComponent,
children:[ { path:'figlio', component:FiglioComponent },
{ path:'figlio2', component:Figlio2Component } ]
}
Ed i loro percorsi sono:
http://localhost:4200/padre/figlio per il primo e
http://localhost:4200/padre/figlio2 per il secondo.
Ora nel file html del componente padre, nella posizione dove dovrà apparire il componente figlio si inserisce: <router-outlet></router-outlet> e nel suo file ts in imports aggiungere RouterModule
Link alle schede figlie:
Qui sotto è posizionato il componete figlio selezionato.