angular 4 HTTP Client转换类型响应

时间:2017-09-06 10:42:03

标签: angular angular-httpclient

在我的角度4项目中,我正在使用HTTP客户端,当我有一个GET调用时,响应有时被明确表达,所以我必须做类似的事情:

 this.loggedUser.name = response._embedded.agent.name

但是在这种情况下我有这个错误:

  

属性'_embedded'在'HttpResponse'

类型上不存在

我通过将响应转换为any来解决问题:

getLoggedUser(url) {
return this.http.get(url, {observe: 'response'})
.map((response) => <any>response);
}

那么,我是否必须投出任何所有回复? 这被认为是好的做法,还是我应该做些什么呢?

1 个答案:

答案 0 :(得分:2)

HttpResponse<T>类确实没有任何_embedded属性。这就是你得到编译器错误的原因,因为Typescript静态地输入你对HttpResponse<Object>的响应(泛型类型参数用于响应的body属性)。

在这种情况下,将响应投射到<any>似乎是一个可行的解决方案,如果您知道在任何时候都希望_embedded道具。尽管如此,空检查可能是一个很好的补充。

以下是HttpResponse<T>输入参考:

/**
 * A full HTTP response, including a typed response body (which may be `null`
 * if one was not returned).
 *
 * `HttpResponse` is a `HttpEvent` available on the response event
 * stream.
 *
 * @experimental
 */
export declare class HttpResponse<T> extends HttpResponseBase {
    /**
     * The response body, or `null` if one was not returned.
     */
    readonly body: T | null;
    /**
     * Construct a new `HttpResponse`.
     */
    constructor(init?: {
        body?: T | null;
        headers?: HttpHeaders;
        status?: number;
        statusText?: string;
        url?: string;
    });
    readonly type: HttpEventType.Response;
    clone(): HttpResponse<T>;
    clone(update: {
        headers?: HttpHeaders;
        status?: number;
        statusText?: string;
        url?: string;
    }): HttpResponse<T>;
    clone<V>(update: {
        body?: V | null;
        headers?: HttpHeaders;
        status?: number;
        statusText?: string;
        url?: string;
    }): HttpResponse<V>;
}