O carregamento lento do Angular 4 com a saída do roteador não está funcionando

Eu tenho um problema com o carregamento lento que não está prestes a rotear para uma saída de roteador nomeada. Alguém pode olhar para onde eu quando errado? Eu tenho uma página principal onde há um link para Produto -> saída padrão do roteador e Detalhes do produto -> saída nomeada do roteador.

  <div>
   <div><a [routerLink]="['product']"> Product </a> </div>
   <div><a [routerLink]="['productdetail',{outlets:{productdetail: 'detail'}}]"> Product Detail </a> </div>
  <div> <router-outlet></router-outlet></div>
  <div> <router-outlet name="detail"></router-outlet>
</div>

Abaixo está o código do plunker.

Código Plunker

questionAnswers(2)

yourAnswerToTheQuestion