I'm trying to implement routes for multiple children but currently the named router-outlet seems to be working only for level-one hierarchy of children. I tried the same approach as for level-one to implement level-two but the routes show a mismatch and navigates by home.

The route module structure

```
  {path: '_root', component: AppComponent},
  {path: 'AfterLoginParent', component: AfterLoginRootComponent,
  children: [
    { path: '_Home', component: AfterLoginHomeComponent, outlet: 'afterRoot'},
    { path: '_MyTeam', component: MyTeamComponent, outlet: 'afterRoot',
    children: [
      { path: '_Players', component: MyTeamPlayersComponent, outlet: 'team'},
      { path: '_Status', component: MyTeamStatusComponent, outlet: 'team'},
    ]},

```

How I implemented level-one hierarchy

```
  this.router.navigate(['/AfterLoginParent', { outlets: { 'afterRoot': ['_MyTeam'] }}]);

```

Then in MyTeamComponent's ngOnInit()

```
 this.router.navigate(['/_MyTeam', { outlets: { 'team': ['_Players'] }}]);

```

But it does not seem to route to this level-two at all.

I'm on Angular 7