在Angular 4的請求中使用參數httpClient和生成的URL

Question

我使用httpGet訪問帶有角度4中的4個參數的Lumen Web api服務器，這是我的Web api URL： http：//sismonev.api/member/2017/8 ，它們具有2個參數年和月以及成員密鑰。 在我的angular4組件中，我的代碼如下：

 let params = new HttpParams();
    params = params.append('tahun', '2017');
    params = params.append('bulan', '5');

   this.http.get<JuResponse>(environment.url + '/member', {params: params})
              .subscribe(data => {
                        for (var i = 0; i < data.length; i++) {
                        let pd=+data[i].jumlah; // comvert to number
                          this.pieD.push(pd);
                          this.pieChartLabels.push(data[i].jenis_bu);
                      }
                      this.pieChartData=this.pieD;
                      console.log(this.pieChartData);
                  },
                  err => {
                      console.log("Error occured.")
                  });

這不起作用，因為生成的角度是這樣的：

http://sismonev.api/member?year=2017&month=8

流明Web API給出這樣的錯誤：

NotFoundHttpException in RoutesRequests.php line 596:

有人可以給我解釋嗎？ 如何使用此http://sismonev.api/member/2017/8格式生成用於訪問Web api的url。

謝謝

Answer 1

添加有params的參數作為查詢參數 。

const url = "member";
const year = 2017;
const month = 8;
this.http.get<JuResponse>(environment.url + `/${member}/${year}/${month}`)

還要檢查模板文字 。

Answer 2

試試這個， year和month是變量。

let year = '2017';
let month = '8';
this.http.get<JuResponse>(`&{environment.url}/member/${year}/${month}`)

功能可能類似於：

getPieChartDateFor(month:string, year:string){...}