title: Angular 6 router link issue in the same page
body: <p>I have two links:</p>
  
  <ol>
  <li><code>['/productlist',1000]</code></li>
  <li><code>['/productlist',1001]</code></li>
  </ol>
  
  <p>These two links are on the same page. If I click on any link for the first time. It is redirecting to the page, but if I click on the other link it is not working.</p>
  
  <p>component.html code </p>
  
  <pre><code>&lt;a class="dropdown-item" (click)="GetProductList(subitem.SubCategoryID)"&gt;
   &lt;i class="mdi mdi-chevron-right" aria-hidden="true"&gt;&lt;/i&gt; 
   {{ subitem.SubCategoryName}}
  &lt;/a&gt; 
  
  GetProductList(SubCategoryID){ 
      this.router.navigate(['/productlist',SubCategoryID]); 
  }
  </code></pre>