title: When Id change in *ngFor dynamic Routes not working in Angular 6
body: <pre><code>`&lt;div *ngFor="let data of projects"&gt;
    &lt;a [routerLink]="'/projects/'+data.project_id"&gt;
   {{data.project_name}}&lt;/a&gt;
  &lt;/div&gt;`   
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/yUXiB.png" alt="enter image description here"></p>
  
  <p>Link is changing when I click on link But page Content not changed</p>
  
  <p>from </p>
  
  <p><strong><a href="http://localhost:4200/projects/1" rel="nofollow noreferrer">http://localhost:4200/projects/1</a></strong> </p>
  
  <p>to</p>
  
  <p><strong><a href="http://localhost:4200/projects/2" rel="nofollow noreferrer">http://localhost:4200/projects/2</a></strong></p>
  
  <p>but data remains same!</p>