title: Angular 2 reload route on param change
body: <p>I am currently writing my first Angular 2 Application.
  I have an OverviewComponent which has the following simple template:</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="col-lg-8"&gt;
      &lt;router-outlet&gt;&lt;/router-outlet&gt;
    &lt;/div&gt;
    &lt;div class="col-lg-4"&gt;
      &lt;app-list&gt;&lt;/app-list&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>when accessing the url <code>/</code> my router redirects me to <code>/overview</code> which then loads a map within the router-outlet. The <code>&lt;app-list&gt;</code> has a list of clickable items which triggers a <code>&lt;app-detail&gt;</code> to be displayed instead of the app component. Therefor I pass the id of the referring json file in the url like that: <code>/details/:id</code> (in my routes).</p>
  
  <p>All of the above works totally fine. If I now click on one of the list items the details are shown, BUT when I select another list element the view doesn't change to the new details. The URL does change but the content is not reloaded. How can I achieve a Reinitialization of the DetailComponent?</p>