理解复杂类型脚本类型声明

Question

问题是如何使用对象类型发送Header，而不是HTTPClient声明中提供的HttpHeaders。

getLoggedInUser(requestHeaderParam: GetLoggedInUserHeaderRequestParam): Observable<LoggedInUserResponse> {
   return this.http.get<LoggedInUserResponse>(`${environment.apiBaseUrl}/auth/loggedInUser`,
    { headers: requestHeaderParam }); 
}

我在VS代码中得到的错误信息如下所示

“{headers：GetLoggedInUserHeaderRequestParam；}”类型的[ts]参数不可分配给“{headers？：HttpHeaders{[Header:string]:string string[]；}；}；”类型“的参数；”观察？：“body”；Params？：Ht.“。属性”headers“的类型不兼容。类型”GetLoggedInUserHeaderRequestParam“不可分配给类型”HttpHeaders{[Header:string]:string string[]；}“。类型”

请求参数类型如下所示

export interface GetLoggedInUserHeaderRequestParam {
  uid: string;
  PSID?: string;
}

如下所示的HttpClient声明。

HttpClient.get(url: string, options: {
   headers?: HttpHeaders | {
    [header: string]: string | string[];
   };
   observe?: "body";
  params?: HttpParams | {
    [param: string]: string | string[];
  };
  reportProgress?: boolean;
  responseType: "arraybuffer";
  withCredentials?: boolean;
}): Observable<ArrayBuffer>

请帮忙！！！

注意：我的问题不是如何使用HttpHeaders，而是如何使用HttpHeaders，我的问题是如何直接使用HttpClient中的声明类型{[Header:string]:string string[]；}中提到的对象

Answer 1

问题是GetLoggedInUserHeaderRequestParam和Headers直接对象的签名不同

例如

  export interface GetLoggedInUserHeaderRequestParam {
      uid: string;
      PSID?: string;
    }

只接受具有uid和可选psid的对象，其中header直接指向对象

   {
      [header: string]: string | string[];
   }

{
  "uid" : "1234",
  "PSID" : "1223",
  "name" : "test",
  ..... 
}

您可以通过将接口定义为

interface GetLoggedInUserHeaderRequestParam {
    [name: string] : string | string[];

}

并将HTTP方法调用为

let header: GetLoggedInUserHeaderRequestParam  = {
  "uid" : "1234",
  "PSID" : "1234"
}

getLoggedInUser(header);