Dynamic url path not working in Angular2

Question

I am trying to create a dynamic url in my Aangualr2 App. I passed the id to the a service and I appended it as below:

ServiceDesk/DashBoard/${id}/Gadget

When I run my app, it is throwing an error because the url is generated as below instead of id getting replaced with the below string instead of value 1.

ServiceDesk/DashBoard/$%7Bid%7D/Gadget

Please see the code below. This is a method in my app.service.ts. Basically I need to append the variable id, while making the below http request.When I see the network tab, the ${id} is replaced with $%7Bid%7D, instead of 1. getGadgetsData(id: string) { return this._http.get('devsrv/API/api/Desk/DashBoard/Gadget/${id}/Data') .map((res: Response) => res.json()); } — indra257
– indra257, Commented Mar 8, 2017 at 21:47
have you tried backquote (`) instead of regular quote ('), `devsrv/API/api/Desk/DashBoard/Gadget/${id}/D‌ata`? — Emin Laletovic
– Emin Laletovic, Commented Mar 8, 2017 at 21:59
great, I will post this answer then and you can accept it :). — Emin Laletovic
– Emin Laletovic, Commented Mar 8, 2017 at 22:07

Emin Laletovic · Accepted Answer · 2017-03-08 22:09:03Z

2

You need to use backtick or back quote (`) instead of regular quote (').

For example:

`devsrv/API/api/Desk/DashBoard/Gadget/${id}/D‌ata`

answered Mar 8, 2017 at 22:09

Emin Laletovic

4,3541 gold badge17 silver badges26 bronze badges

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

1 Comment

buncis Over a year ago

any documentation about this?

Collectives™ on Stack Overflow

Dynamic url path not working in Angular2

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related