title: Passing data through Angular2 router
body: <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>