当命名插座不是插座的子插座时，如何使用angular2路由器插座

<ng-template #myOutlet></ng-template>

import { Component, ViewChild, ViewContainerRef } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: `
    <ng-template #myOutlet></ng-template>
  `
})
export class MyComponent {
  @ViewChild('myOutlet', { read: ViewContainerRef }) myOutlet: ViewContainerRef;
}

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { HomeComponent } from './home.component';
import { AboutComponent } from './about.component';

const routes: Routes = [
  { path: '', redirectTo: '/home', pathMatch: 'full' },
  { path: 'home', component: HomeComponent, outlet: 'myOutlet' },
  { path: 'about', component: AboutComponent, outlet: 'myOutlet' }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

<router-outlet name="myOutlet"></router-outlet>