Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Can't reload/refresh active route

I have recently updated to the new RC3 and Router3alpha and it seems some things have changed.

I noticed that a click on the link of an active route does no longer result in the component to be reloaded. How do I achieve this behaviour with the new router3?

My link looks like

<a [routerLink]="['/link1']">Link1</a> 

And to test I simply used a random number in ngOnInit:

export class LinkoneComponent implements OnInit  {      public foo: number;     constructor() {}      ngOnInit()      {         this.foo = Math.floor(Math.random() * 100) + 1;     }  } 

It works just fine when switiching between routes, but a click on the currently active route does not result in a reload of the component.

like image 909
TommyF Avatar asked Jun 26 '16 08:06

TommyF


Video Answer


1 Answers

This is currently not supported. If only parameter values change but the route stays the same the component is not re-created.

See also https://github.com/angular/angular/issues/9811

You can subscribe to params to get notified when the params change to re-initialize the component instance.

See also https://stackoverflow.com/a/38560010/217408

like image 146
Günter Zöchbauer Avatar answered Sep 28 '22 09:09

Günter Zöchbauer