angular - Angular2-ruter lytter til parameterendringer

Jeg har flere lenker som navigerer som

http://localhost:4200/#/forward/services/our-services?category=1
http://localhost:4200/#/forward/services/our-services?category=2
http://localhost:4200/#/forward/services/our-services?category=3

Jeg vil hente verdien av kategori

Jeg har prøvd

this.sub = this._activatedRoute.params.subscribe(params => {

  this.category = + params['category'];

  console.log(params['category']);

});

console.log() blir bare skrevet ut én gang,

Hvordan kan jeg sikre at jeg fanger opp hver gang verdien av kategori endres

Dette er det jeg bruker til navigasjon

<ul id="menu-services-menu" class="menu" *ngFor="let category of categories">
 <li><a routerLinkActive="active" [routerLink]="['/forward/services/our-services']" [queryParams]="{ category: category.category }" >{{category.category}}</a></li>

  </ul>

Svar #1

constructor(router:Router, route:ActivatedRoute) {
  router.events
  filter(e => e instanceof NavigationEnd) 
  .forEach(e => console.log(route.snapshot.params['category']);
}

Svar #2

Du kan også med Angular 2 (Angular 5 på tidspunktet for denne skrivingen) gjøre dette:

constructor(private router:Router) {
 router.events.subscribe(data=>{
   if(data instanceof ActivationEnd){
     this.category = data.snapshot.params['category'];
   }
 });
}

Relaterte artikler