title: Angular 4 Lazy loading with named router-outlet not working
body: <p>I have a problem with lazy loading not about to route to a named router-outlet.  Can someone look at where I when wrong?  I have a mainpage where there is a link to Product -> default router outlet and Product Detail -> named router outlet.</p>
  
  <pre><code>  &lt;div&gt;
     &lt;div&gt;&lt;a [routerLink]="['product']"&gt; Product &lt;/a&gt; &lt;/div&gt;
     &lt;div&gt;&lt;a [routerLink]="['productdetail',{outlets:{productdetail: 'detail'}}]"&gt; Product Detail &lt;/a&gt; &lt;/div&gt;
    &lt;div&gt; &lt;router-outlet&gt;&lt;/router-outlet&gt;&lt;/div&gt;
    &lt;div&gt; &lt;router-outlet name="detail"&gt;&lt;/router-outlet&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Below is the plunker code.  </p>
  
  <p><a href="https://plnkr.co/edit/W3nhtAvghzwzWkQOj9N6?p=preview" rel="noreferrer">Plunker Code</a></p>