How to pass variables in URL while getting data from backend in angular?

Question

public getQuestionsById(qid:number): Observable<Questions>{
 return this.httpClient.get<Questions> 
  ('http://localhost:9090/angular/questions/${qid}');
  
}

Here, I want to concatenate the "qid" variable value in this URL. What should be the right format for that?

Muhammad Usman · Accepted Answer · 2021-01-23 05:50:36Z

3

You just have to use Template literals for that. Check the basics you are just using wrong operator. please not use single quote here, use backquot for that.

public getQuestionsById(qid:number): Observable<Questions>{
    return this.httpClient.get<Questions>(`http://localhost:9090/angular/questions/${qid}`);
     
   }

Best of luck :)

link : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

answered Jan 23, 2021 at 5:50

Muhammad Usman

4075 silver badges17 bronze badges

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

Comments

user9802118 · Accepted Answer · 2021-05-17 12:50:22Z

1

I personally do this :

public getQuestionsById(qid:number): Observable<Questions>{
    return this.httpClient.get<Questions>("http://localhost:9090/angular/questions/" + qid);  
   }

Also a quick tip, instead of writing that URL in every single Service file, add a variable in the environment file, then you can import it anywhere you need it
(in case you are using this in more Services, of course).

answered May 17, 2021 at 12:50

user9802118

Collectives™ on Stack Overflow

How to pass variables in URL while getting data from backend in angular?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related