Angular 2 Routing: Referencing Variable in Router.url

Question

I'm using the following template statement to determine the class of a tab element:

<li [class.active]="router.url == '/member-view/member-profile/' + routeParamVar">

The class should be active regardless of what the route parameter is. But ideally I can drop the specific route param into the Router.url statement. This is the first part of this question and it seems fairly straight forward, but I'm not sure how to do it.

A complication, I believe, is that this element is in the parent template of the view with the actual route param. It doesn't seem like I'm able to assign the ActivatedRoute param to a variable in the component like this:

this.uid = this.activeRoute.snapshot.params['uid']

I've messed around with using a service or @ViewChild to get the uid from the child to the parent, but haven't quite figured it out yet. So in summary my question is twofold:

First, how can I assign the route param of a child component to a variable in the parent component?

Second, how might I get that variable into the Router.url in the template statement?

J. Adam Connor · Accepted Answer · 2017-02-23 05:41:45Z

1

So the way to reference the variable in the Router.url is as I guessed in the question:

[class.active]="router.url === '/member-view/member-profile/' + uid"

I was also able to get the route param of the child with:

this.activeRoute.firstChild.params
.subscribe(params => {
    this.uid = params['uid'];

answered Feb 23, 2017 at 5:41

J. Adam Connor

1,7344 gold badges21 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular 2 Routing: Referencing Variable in Router.url

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related