Angular 6 – 多个路由器插座

我想要一个Enter-comp.作为概述和基本上两个孩子comp.例如login-and register-comp.此外,我想用多个路由器插座来管理它.但“当然”它还没有奏效.它让我不停：错误：无法匹配任何路线.网址细分：’,{outlets：{login：[‘login’]}}’

应用路由配置

const routes: Routes = [
  {path: 'stories',component: StoriesComponent},{path: '',component: EnterOverviewComponent,children: [
      {path: 'login',component: LoginComponent,outlet: 'login'},{path: 'register',component: RegisterComponent,outlet: 'register'},]}
];

应用程序根

<app-navbar></app-navbar>

<router-outlet></router-outlet>
<router-outlet name="login"></router-outlet>
<router-outlet name="register"></router-outlet>

Navbar comp.

期待这里的错误.我怀疑,我称之为虚假路线：

<ul class="navbar-nav ml-auto">
  <li class="nav-item" routerLinkActive="active">
    <a class="nav-link" routerLink="/,{outlets: {login: ['login']}}">Sign In</a>
  </li>
  <li class="nav-item" routerLinkActive="active">
    <a class="nav-link" routerLink="/,{outlets: {register: ['register']}}">Register</a>
  </li>
</ul>

<a [routerLink]="[{ outlets: { example: ['example1'] } }]">Example</a>

<a [routerLink]="[{ outlets: { register: ['register'] } }]">Example</a>//outletName:['route-path']

{
    path: '',component: LoginComponent
 },{
    path: 'example1',component: ExampleComponent,outlet: 'example'
 }