无法管理两个插座 [嵌套]。 在 http://localhost:4200/index 处，内部出口显示空白

Question

我正在制定这样的路由规则。

{ path: 'index', component: IndexComponent
    , children:
      [ 
        { path: '', redirectTo:'profile',pathMatch:'full'},
        { path: 'profile',  outlet: "inner", component: ProfileComponent },
// some other rules
      ]
}

在这里，我使用两个路由器插座，主要和内部。 在 IndexComponent.html 内部存在内部出口。 当我在 URL 使用http://localhost:4200/index时，只有主路由器插座有效，内部没有更新。 我的期望是在内部路由器出口中显示 ProfileComponent 或在主路由器出口中使用 IndexComponent 将 /index 规则重定向到 /index/orders/(inner:profile) 。

Answer 1

尝试这个。

{ path: '', redirectTo:'/(inner:profile)',pathMatch:'full'}

但是如果你的根路径是空的或者使用延迟加载的模块，你可以按照这个 PR( angular/pull/25483 )