角命名的子商店没有解析,但未命名是

时间:2018-08-05 11:27:14

标签: angular angular-routing

这是我的路线:

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行中添加了注释(因此,仅声明了R2R3)-应用会将我导航到PageNotFound

如果我取消注释R1-它可以解决welcome的路径问题并显示SomeComponent。但是命名的出口仍未解决(未显示)。

因此,问题是:为什么在这种情况下命名商店不起作用而未命名工厂就可以了?有什么办法可以使它们工作?

0 个答案:

没有答案