Angular HttpClient，动态设置地图类型

Question

我在服务上有一个方法来处理所有后端请求。与其使用 HttpClient 编写一大堆不同的调用，我想我可以编写一个可以连接到我的后端并向其传递参数以处理不同类型数据的函数。

考虑这个功能

public postRequest(token: string, url: string, body: any, headers: Object = {}) : Observable<any> {
//create new header object
const httpOptions = {
  headers: new HttpHeaders()
    .set('Authorization', token)
};
//add the headers if any
for(let index in headers){
  httpOptions.headers.set(index, headers[index]);
}
//connect to the backend and return the repsonse
return this.http.post( this.config.BASE_SERVER_URL + url, body , httpOptions)
  .pipe(
    map((res) => {
      return res;
    }),
    catchError(this.handleError)
  );
}

除了我希望能够动态设置响应类型外，它运行良好。因此，我可以将方法设置为使用我的一种模型类型。

这就是我想要完成的。希望这是有道理的。

map(res: "Attendee") => {}
//or
map(res: typeof(typeInput)) => {}

是否可以将 "dynamic" 类型传递给 http 映射方法，以便我可以将不同的响应映射到我选择的模型？

Answer 1

我可以使用泛型方法来实现。

你可以使用这种方法。

my-own.service.ts

userAuthentication<T>(userName: string, password: string): Observable<T> {
    const url = `http://my-own.url`;
    const targetData = {
      'emailId': userName,
      'password': password
    };
    return this.http.post<CommonResponse<T>>(url, targetData, httpOptions).pipe(
      retry(3),
      map((data: CommonResponse<T>) => {
        if (data.status) {
          if (!data.result[0]) {
            this.showMessage('You are not authorized for login');
            return null;
          }
          return data.result[0] as T;
        }
        this.showMessage(data.message);
        return null;
      }),
      tap((userProfile: T) => {
        console.log('UserLogin ');
      }),
      catchError(this.handleError<T>('unable to logged in')));
  }

CommonResponse model

export class CommonResponse<T> {
  autherizationExpires: string;
  autherizationKey: string;
  message: string;
  result: T | T[];
  status: boolean;
}

所以，当你像这样调用这个方法时 myOwnService.userAuthentication < LoginModel >(...params).subscribe(/ * your codes * /); 它也会继承到地图。

如果我没听懂你的问题，请告诉我。

Angular HttpClient，动态设置地图类型

Angular HttpClient, setting map type dynamically

javascript

typescript

angular

angular-httpclient