Angular2: Open popup window and load component into it
<p>I have an angular2 app and I want to open another window and load a component into it. I'm currently using the native JS window.open() method, and passing the result of imperative routing to it:</p>

<pre><code>import { Component } from 'angular2/core';
import { Router } from 'angular2/router';

@Component({
  selector: 'uploader',
  template: `
    &lt;div&gt;
      &lt;button type="button" (click)="startUpload()"&gt;
        Upload File
      &lt;/button&gt;
    &lt;/div&gt;
    `,
  styleUrls: []
})

export class UploaderComponent {
  constructor(private _router: Router) {}

  startUpload(mediaFile: File) {
    let windowObjectReference;

    windowObjectReference = window.open(
      // first param is location
      &lt;string&gt;this._router.navigate(['Feature']),
      'DescriptiveWindowName',
      'width=420,height=230,resizable,scrollbars=yes,status=0,toolbar=0,menubar=0,location=0'
    );

  }
}
</code></pre>

<p>The result is that the new window opens correctly, but doesn't route to the intended component. The original window (not the new popped up one) routes to the <code>Feature</code> route. The error in the new window:</p>

<pre><code>Cannot GET /src/[object%20Object]
</code></pre>

<p>Any idea what I'm doing wrong? Thanks!</p>