Subscription to route params not triggering

Question

I am using ActivatedRoute and subscribing to its params to get triggered. But, the subscription is not triggering.

Code:

constructor(public activatedRoute: ActivatedRoute) { 
    this.activatedRoute.params.subscribe((params : any) => {
        console.log(params);
    });
}

I am unable to know the issue. Please help me solve this.

Thank you...

what you mean to get data when it get the same? you are trying to do detect when you are rerouting to the same route? — Asura, Jan 29 '18 at 05:49
Route for the first time also not triggering the subscription. — Sai M., Jan 29 '18 at 05:50
Are you using the angular router? Do you have a in your HTML somewhere? — Pace, Jan 29 '18 at 13:28

score 1 · Answer 1 · edited Jan 29 '18 at 11:04

1

I am using the same in ngOnInit() and it works..

You have syntax error i guess..(subscribe parenthesis)

 this.activatedRoute.params.subscribe(params => {
        console.log(params);

       //call function here for data change
    });

edited Jan 29 '18 at 11:04

Abdul Rasheed

6,486
4
32
48

answered Jan 29 '18 at 06:49

Rajat Gupta

568
1
6
19

its not the parenthesis – radio_head Jan 29 '18 at 11:18
check in the question if subscribe function parenthesis is closed..?? – Rajat Gupta Jan 29 '18 at 11:27
it must have been a typo..the editor will throw an error for this missing parenthesis – radio_head Jan 29 '18 at 11:29
it is a typo.. i have checked in editor subscribe is a function whose parenthesis needs to be closed – Rajat Gupta Jan 29 '18 at 12:57
param type will not be any.. please refer my answer – Rajat Gupta Jan 29 '18 at 13:04

Joe Belladonna · Answer 2 · 2018-01-29T13:25:25.567

1

you are missing queryParams:

import { ActivatedRoute } from '@angular/router';
...
constructor( private _route: ActivatedRoute ) { }
...
ngOnInit() {
    this._route.queryParams            
        .subscribe(
        params => {                
            console.log(params);           
        });
}

edited Jan 29 '18 at 13:25

answered Jan 29 '18 at 13:14

Joe Belladonna

1,349
14
20

I am not sending `queryParams`. Using `urlParams`. – Sai M. Jan 30 '18 at 05:39
You should use queryParams. Check this [example](https://alligator.io/angular/query-parameters/) – Joe Belladonna Jan 30 '18 at 06:43
That is my choice and preference to use `routeParams`. Indeed I need to send like that only. – Sai M. Jan 30 '18 at 07:33
This should work: `constructor(private activatedRoute: ActivatedRoute) { this.activatedRoute .params .subscribe( params => { console.log(params); }); }` – Joe Belladonna Jan 30 '18 at 07:54

Subscription to route params not triggering

2 Answers2