具有多个路由器出口的Angular无法正确加载

Question

我有一个有角度的应用程序。未登录时，我会重定向到未经授权的页面。 为此，我重新订购了我的路线，因此没有导航的路由可用，因为这通常是保存第一个路由器插座的组件，因此页面加载在侧面导航的内容中。

const routes: Routes = [
  { path: 'unauthorised',  component: UnauthorisedComponent },
  { path: '', component: SideNavigationComponent,
    children: [
      { path: '', component: LandingPageComponent },
      { path: 'bookaholiday', component: BookAholidayComponent }]
  },
];

此工作正常，重定向到未经授权的作品和正常页面工作。但是，如果我用F5重新加载页面，所以我已经在我的bookaholiday页面上，它无法正确呈现???我的一个服务加载怪异，它的样式丢失，一些布局得到额外的跨度......我不能想到如何质疑发生了什么。任何想法都欢迎。