title: how to navigate one route to another in angular 2
body: <p>I make a two different component of angular 2 .I am learning routing from this link 
  <a href="https://angular.io/docs/ts/latest/tutorial/toh-pt5.html" rel="nofollow noreferrer">https://angular.io/docs/ts/latest/tutorial/toh-pt5.html</a></p>
  
  <p>I make two component .In first component I have one button I want to move to move to second component</p>
  
  <p>here is my code
  <a href="https://plnkr.co/edit/GBOI9avZaPGaxaLQbtak" rel="nofollow noreferrer">https://plnkr.co/edit/GBOI9avZaPGaxaLQbtak</a></p>
  
  <p>I define routes like that</p>
  
  <pre><code>    const routes =[
        {
          path: 'ft',
          component: First
        },
        {
          path: 'sd',
          component: Second
        }
      ]
  
  @NgModule({
    imports: [ BrowserModule ],
    declarations: [ App ],
    bootstrap: [ App,First ,Second]
  }) 
  </code></pre>
  
  <p>I am using <code>&lt;router-outlet&gt;</code></p>
  
  <p>but I am not able to move one component to another</p>