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