且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

Angular 5:AngularJS中是否有类似$ httpParamSerailizer的东西?

更新时间:2023-11-28 23:29:34

这是我对您的问题的看法.这使用 HttpParamsOptions HttpParams . HttpParamsOptions 将通过在 fromObject 属性中向其传递一个对象来构建参数.您可以在注释中看到进行API调用时的外观.

Here is my take on your question. This uses the HttpParamsOptions and HttpParams. The HttpParamsOptions will build out the params by passing it an object in the fromObject property. You can see in the comment what that looks like when the API call is made.

import { Injectable } from '@angular/core';
import { HttpClient, HttpParams } from '@angular/common/http';
import { HttpParamsOptions } from '@angular/common/http/src/params';

@Injectable()
export class ApiService {
  constructor(private httpClient: HttpClient) { }

  getThingsWithParams(): any { // you could pass your object in as a function parameter
      const myObject: any = { this: 'thisThing', that: 'thatThing', other: 'otherThing'};
      const httpParams: HttpParamsOptions = { fromObject: myObject } as HttpParamsOptions;
      const options = { params: new HttpParams(httpParams) };
      return this.httpClient.get<any>('http://localhost:34479/api/products/168', options);
      // This is what is sent to the API:
      // http://localhost:34479/api/products/168?this=thisThing&that=thatThing&other=otherThing
  }
}

我认为这就是你所追求的.一种基于对象属性构建参数的方法.

I think this is what you are after. A way to have the parameters build based on the properties of an object.

https://github.com/angular/angular/blob/530b824faa29460a87c2401bc61d22a7fb56f939/packages/common/http/src/params.ts#L76