Question

问题出在第14行

Type 'Observable<HttpEvent<T>>' is not assignable to type 'Observable<T>'.
  Type 'HttpEvent<T>' is not assignable to type 'T'.
    'HttpEvent<T>' is assignable to the constraint of type 'T', but 'T' could be instantiated with a different subtype of constraint '{}'.
      Type 'HttpSentEvent' is not assignable to type 'T'.
        'HttpSentEvent' is assignable to the constraint of type 'T', but 'T' could be instantiated with a different subtype of constraint '{}'.ts(2322)

如果我删除第二个参数this.getHttpParams(obj)，那么它将很好用。

但是我需要传递参数。

如何解决这个问题？

import { Injectable } from '@angular/core';
import { HttpClient, HttpParams, HttpHeaders } from '@angular/common/http';
import { Observable } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class DataService {
  protected url: string;

  constructor(private http: HttpClient) {}

  get<T>(endpoint: string, obj: object = null): Observable<T> {
    return this.http.get<T>(this.url + endpoint, this.getHttpParams(obj)); // Problem is here.
    // If I remove the second parameter: , this.getHttpParams(obj) - then it works good.
    // But I need to pass the parameters. How to solve this?
  }
  protected getHttpParams(obj: object) {
    const requestOptions: any = {};
    requestOptions.headers = new HttpHeaders({
      Accept: 'application/json',
      'Content-Type': 'application/json'
    });

    if (obj !== null) {
      requestOptions.params = this.objectToHttpParams(obj);
    }

    return requestOptions;
  }

  protected objectToHttpParams(obj: object): HttpParams {
    let params = new HttpParams();
    for (const key of Object.keys(obj)) {
      params = params.set(key, (obj[key] as unknown) as string);
    }

    return params;
  }
}

Answer 1

get有很多重载，一些重载返回Observable<T>，另一些重载返回Observable<HttpEvent<T>>。如果getHttpParams的返回值为any，则认为您会得到后者。

因此，最低限度的修复应更具体地说明该方法可以返回的内容，例如：

protected getHttpParams(obj: object): {headers: HttpHeaders, params?: HttpParams} { ... }

类型'Observable <HttpEvent <T >>'不可分配给类型'Observable <T>'

1 个答案: