title: Angular 2: How to pass the router in md-list-item?
body: <p>I am populating a list of object using <code>md-nav-list</code>. When user clicks on a <code>md-list-item</code>, I want to navigate to candidate-detail router and pass the <code>candidate.id</code> with it.</p>
  
  <p>Not sure how to call the router on <code>md-list-item</code>.</p>
  
  <pre><code>  &lt;md-nav-list *ngFor="let candidate of candidates"&gt;
      &lt;md-list-item class="candidate-row"&gt;
        &lt;div class="column2"&gt;
          &lt;span class="name"&gt;{{candidate.name}},&lt;/span&gt;
        &lt;/div&gt;
      &lt;/md-list-item&gt;
    &lt;/md-nav-list&gt;
  </code></pre>
  
  <p>the router for candidate detail is <br/> <code>{path: 'candidate/:id', component: CandidateDetailsComponent}</code></p>
  
  <p>Rest of the code can be found here 
  <a href="https://github.com/himanshuy/hiringplus-ui/tree/page2" rel="nofollow noreferrer">https://github.com/himanshuy/hiringplus-ui/tree/page2</a></p>