title: Angular2: Router outlet not updating page if the component is same
body: <p>I am developing an application where I have configured router-outlet as below</p>
  <pre><code>{ path: 'dashboard/:id', component: DashboardComponent}
  </code></pre>
  <p>So when I click on the first link i.e dashboard/1 the page is updated. When I click on the second link dashboard/2, the page URL is updated but the view is not getting updated. But when I do a refresh it is getting updated.</p>
  <p>My <strong>Dashboardcomponent.html</strong> is as below</p>
  <pre><code>&lt;div    #coloneanchor&gt;&lt;/div&gt;
      &lt;/div&gt;
  
  &lt;div class=&quot;col-md-6&quot;&gt;
  &lt;div   #coltwoanchor&gt;&lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  <p>My <strong>Dashboardcomponent.ts</strong></p>
  <pre><code>@ViewChild('coloneanchor', { read: ViewContainerRef }) coloneanchor: any;
  @ViewChild('coltwoanchor', { read: ViewContainerRef }) coltwoanchor: any;
  
  this.route.params.subscribe(param =&gt; {
         this.id = param[&quot;id&quot;];
          this.userService.getGadgets(this.id).subscribe(gadgets =&gt; {
  
  switch(gadget)
  
  case gadget1:
  case gadget2:
  </code></pre>
  <p>Here I am creating two anchor points in my view. Once I get the id, I will pass it to an API to fetch the gadget and data and its column location. I loop through the gadgets and add them to the anchor points.</p>