Angular4 http get avec paramètre d'URL

Question

Je souhaite appeler une API REST dans Angular4 contenant les paramètres d'URL. Le modèle ressemble que:

http://localhost:61448/api/Product/language/{languauge}/name/{name} 

Ceci est un exemple de travail:

http://localhost:61448/api/Product/language/en-us/name/apple 

Je sais que je peux juste concat l'URL moi-même:

this.http.get<Array<ProductResponse>>('http://localhost:61448/api/Product/language/' + 'en-us' + '/name/' + 'apple',) 
     .subscribe(data => { 
     // do something with data 
    }); 

Mais j'espérais trouver un meilleure solution en utilisant quelque chose comme HttpParams:

const params = new HttpParams() 
.set('language', 'en-us') 
.set('name', 'apple'); 

this.http.get<Array<ProductResponse>>('http://localhost:61448/api/Product', {params : params}).subscribe(data => { 
    // do something with data 
}); 

Mais ce générerons la requête suivante (contenant des paramètres de requête):

http://localhost:61448/api/Product?language=en-us&name=apple 

Est-il possible de générer directement l'URL sans concat moi-même?

Answer 1

au lieu de:

this.http.get<Array<ProductResponse>>('http://localhost:61448/api/Product/language/' + 'en-us' + '/name/' + 'apple',) 
     .subscribe(data => { 
     // do something with data 
    }); 

faire:

this.http.get<Array<ProductResponse>>(`http://localhost:61448/api/Product/language/${languauge}/name/${name}`,) 
     .subscribe(data => { 
     // do something with data 
    }); 

où language et name sont vos params.

avis caractère spécial de citations pour l'URL et vos params doivent être à l'intérieur ${}

lien ref: https://basarat.gitbooks.io/typescript/docs/template-strings.html