Angular4 http获得URL参数

Question

我想在Angular4中调用包含URL参数的REST API。模板看起来像这样：

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

这是一个工作示例：

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

我知道我可以只CONCAT的URL自己：

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

但我希望能找到一个使用类似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 
}); 

但是，这将产生以下的请求（包含查询参数）：

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

有什么办法来产生不CONCAT它自己正确的网址是什么？

Answer 1

代替：

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

做：

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

其中language和name是您的PARAMS。

的URL

通知特别报价的性格和你的PARAMS必须是内${}

参考链接： https://basarat.gitbooks.io/typescript/docs/template-strings.html