CODEWITHSUNDEEP
angularroutesangular-activatedroute
user8836786
user8836786

Reputation:

Angular - How to subscribe to child route params only when the child route is activated

I have a split screen design. I'd like to access the folder ID from the parent route only when the child route is activated. The below works in getting the correct params for me, but on the initial load where I'm only displaying the parent route, I get a console error:

Cannot read property 'params' of null

this.activatedRoute.firstChild.params.subscribe((urlParameters) => {
  this.folder_id = urlParameters['folderId'];
});

Is there a way to only activate the above once the child has been activated?

Upvotes: 1

Views: 2067

Answers (2)

Gonzi
Gonzi

Reputation: 87

You can subscribe to routeParams change, but trigger only when child exists and has what you need. ABOSes version won't work, because it won't make subscribtion without firstChild, so when you actually navigate to firstChild, subscribtion won't trigger.

My version will create subscription, that will filter valid events. Mind you, this would most likely be better way of doing it: https://stackoverflow.com/a/48979356/1980151

this.route.params.subscribe(() => {
    if (this.route.firstChild && this.route.firstChild.snapshot.params['folderId']) {
        this.folderId = +this.route.firstChild.snapshot.params['folderId'];
    }
});

Upvotes: 0

ABOS
ABOS

Reputation: 3823

you can simply try

 if(this.activatedRoute.firstChild) 
   this.activatedRoute.firstChild.params.subscribe((urlParameters) => { 
     this.folder_id= urlParameters['folderId']; 
   });

Upvotes: 2

Related Questions