Passing data through Angular2 router
<p>I have a component where I select a set of image objects. I want to pass these selected images to my new route, CreateAlbum. The data it nested and wouldn't be suitable to pass as URL parameters. </p>

<p>Is there any easy way to achieve this?</p>

<p>Here's my code to navigate to the route</p>

<pre><code>  public gotoCreateAlbum(): void {
    this.router.navigate([('/create-album')])
  }
</code></pre>

<p>My selected data sits in this variable</p>

<pre><code>@Input() selectedPhotos: IPhoto[];
</code></pre>

<p>and this is my routing module</p>

<pre><code>const routes: Routes = [
  { path: 'photos',  component: PhotosComponent},
  { path: 'photos/:filter', component: PhotosComponent},
  { path: 'create-album', component: CreateAlbumComponent}
];
</code></pre>

<p>Basically I want to perform the same operations as if the CreateAlbum component was a child to my current component in which case I would have used @Input()</p>