这是我的路线:
const appRoutes: Routes = [
{ path: '', redirectTo: '/welcome', pathMatch: 'full' },
{
path: '',
component: WrapperComponent,
children: [
{path: 'welcome', component: SomeComponent}, // R1
{path: 'welcome', component: MenuComponent, outlet: 'menu'}, // R2
{path: 'welcome', component: WelcomePageComponent, outlet:'content'} // R3
]
},
{ path: '**', component: PageNotFoundComponent }
];
这是WrapperComponent
的模板:
<p>wrapper works!</p>
<router-outlet></router-outlet>
<router-outlet name="menu"></router-outlet>
<router-outlet name="content"></router-outlet>
我正在尝试导航到'/'
,并假定它应该将我重定向到'/welcome'
。
如果我在R1
行中添加了注释(因此,仅声明了R2
和R3
)-应用会将我导航到PageNotFound
。
如果我取消注释R1
-它可以解决welcome
的路径问题并显示SomeComponent
。但是命名的出口仍未解决(未显示)。
因此,问题是:为什么在这种情况下命名商店不起作用而未命名工厂就可以了?有什么办法可以使它们工作?