title: Angular routing doesn't refresh the page
body: <p>I want to be able to change data on my page based on the URL route, i.e. test/1 gets me data set 1, test/2 gets me data set 2. However if i am already on test/1 and try to navigate to test/2 (and vice versa) using router navigate, it changes the url but that's it, nothing else gets triggered.</p>
  <p>I have following definition for my route:</p>
  <pre><code>const routes: Routes = [
    {
      path: 'test',
      children: [
        {
          path: ':id',
          component: TestComponent
        },
        { path: '**', redirectTo: '', pathMatch: 'full' }
      ]
    },
  ];
  </code></pre>
  <p>TS Component:</p>
  <pre><code>value: any;
  
  constructor(private router: Router, private, private route: ActivatedRoute) { 
     this.value = this.route.snapshot.params.id;
  }
  
  goToPage(value: any) {
      this.router.navigate(['/test', value]);
  }
  </code></pre>
  <p>my html component:</p>
  <pre><code>{{value}}
  
  &lt;button (click)=&quot;goToPage(1)&quot;&gt;One&lt;/button&gt;
  &lt;button (click)=&quot;goToPage(2)&quot;&gt;Two&lt;/button&gt;
  </code></pre>
  <p>I've also tried adding { onSameUrlNavigation: 'reload' } to RouterModule.forRoot, still doesn't do anything.</p>
  <p>NOTE:
  Problem is not to get the parameter, the problem is the refresh of the page that has to take place to trigger all processes associated with the new parameter.</p>