Angular2 url params returning NaN

Question

Rewording my previous question, I have this route which gives me something like this /order-screen/store/1/London

 {
    path: 'order-screen/store/:storeId/:storeLocation',
    component: OrderComponent
  }

When I try to get the storeLocation using this.route.params it returns an error of NaN. I want to get the location London, not sure if .params is the right one to use.

this.routeSub = this.route.params.subscribe(params => {
  this.storeLocation = +params['storeLocation'];
  console.log('Location >> ', this.storeLocation);
})

benny_boe · Accepted Answer · 2016-12-20 20:12:02Z

6

Just remove the + from before your params. So..

this.routeSub = this.route.params.subscribe(params => {
this.storeLocation = params['storeLocation'];
  console.log('Location >> ', this.storeLocation);
})

The + will convert a string to a number and since "London" is not a number you got the NaN error

answered Dec 20, 2016 at 20:12

benny_boe

8918 silver badges9 bronze badges

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

2 Comments

MrNew Over a year ago

Yeah figured that earlier, somehow my comment to my own question didn't post. But I will give your answer a check :)

benny_boe Over a year ago

Glad you didn't get stuck there for too long and figured it out on your own :)

Collectives™ on Stack Overflow

Angular2 url params returning NaN

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related