次のように宣言されたルートがあります。
const appRoutes: Routes = [
{
path: '',
component: AppComponent,
children: [
{
path: 'elenco-interventi',
component: InterventiComponent,
children: [
{
path:'nuovo-intervento',
component: NuovoInterventoComponent
}
]
},
]
}
]
内部にaAppComponent
があり、コンポーネントが address に正しくロードされています。次に、アドレスで子を見つけて、親コンポーネントのコンテンツを完全に置き換える必要があります。親ページのコンテンツ全体を置き換え、ルーティングに戻った場合に親ページをリロードし、子コンポーネントのコンテンツを非表示/非表示にできるように、親を正しく
使用するにはどうすればよいですか?
例:<div>
<router-outlet>
InterventiComponent
/elenco-interventi
NuovoInterventoComponent
/elenco-interventi/nuovo-intervento
<router-outlet>
<div>
<!--parent content-->
<router-outlet></router-outlet> ==> when routing to children, just show children content
and not children+parent content as I do now
</div>