How to inject value to path variable of a web service call URL in Angular?

Question

I want to call this backend URL to receive user profile data

/users/:userId/profile

where :userId will be an actual number for the ID.

What is the syntax to inject the userId value to the URL before sending the request?

You can refer - techiediaries.com/angular-by-example-httpclient-get for http get call. hope it helps. — Krunal Shah
– Krunal Shah, Commented May 30, 2019 at 4:33
You can pass the param as array in the routerlink. Also you can opt the way @Mohammad has answered below. — satyam soni
– satyam soni, Commented May 30, 2019 at 6:11
Thanks. But I am not doing router.navigate, I am doing something like httpClient.put — ChrisZ
– ChrisZ, Commented May 30, 2019 at 13:36

LookForAngular · Accepted Answer · 2019-05-30 10:46:50Z

1

One way ( using typescript ) is to use a template string

`/users/${this.userId}/profile`

The template is surrounded by the backticks ( `` ).
The string inside the backticks can evaluate expressions when they're inside a ${...}.

The string above is the same as typing:

'/users/' + this.userId + '/profile'

answered May 30, 2019 at 10:46

LookForAngular

1,0708 silver badges18 bronze badges

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

Comments

Mohammad Zeeshan · Accepted Answer · 2019-05-30 04:39:14Z

0

You can simply concatenate it like string concatenation.

http.get('/users'/+this.userId+'/profile').then();

answered May 30, 2019 at 4:39

Mohammad Zeeshan

9151 gold badge9 silver badges20 bronze badges