Почему неправильно строится http запрос?

Question

[Ghoulll]

Есть метод для отправки запроса:

getStrongAlcoholReports(selectedItems?): Observable<ReportModel> {
    let selecteditemstest = [];
    let apiParams;
    if (selectedItems) {
      for (let code of selectedItems) {
        for (let codesarr of code.codes) {
          selecteditemstest.push(codesarr);
          apiParams = selecteditemstest.join('&codes=');
        }
      }
      return this.http.get<ReportModel>(this.listOfStrongAlcoholReports, { params: { codes: apiParams } });
    } else {
      return this.http.get<ReportModel>(this.listOfStrongAlcoholReports, { params: { codes: '200&codes=262' } });
    }
  }

Но, когда посмотрел какой запрос построился, он оказался не правильным. Почему & заменяется на %26 и как исправить? Заранее всем спасибо.

Answer 1

[Антон Швец]

Ну примерно так

const params = codes.reduce(
  (acc, code) => acc.append('codes', `${code}`),
  new HttpParams(),
);
this.http.get<ReportModel>(this.listOfStrongAlcoholReports, { params });

где codes это [200, 262 ]

Не указывайте params объектом, для этого есть класс HttpParams

Можно и так

const params = new HttpParams({
  fromObject: {  codes:  codes.map(String)  }
});