angular - 类型 'Headers' 与类型 'RequestOptionsArgs' 没有共同的属性？

Question

我刚刚对我们的 Angular 4 应用程序和构建工具进行了两项重要升级:

1. @angular/core ^4.1.3 => ^4.2.4(和/http、/forms 等)<
2. tslint ^5.3.2 => ^5.4.3

我有一个声明选项的服务，如下所示:

@Injectable()
export class WorkOrderService {

    private headers: Headers = new Headers({ 'Content-Type': 'application/json' });
    private options: RequestOptions = new RequestOptions(this.headers);

    constructor(private http: Http) {}

    /* Methods ... */
}

以上不再验证 tslint，抛出以下错误:

error TS2559: Type 'Headers' has no properties in common with type 'RequestOptionsArgs'.

源代码 (@angular/http interface.d.ts:43) 明确允许 Headers 作为 RequestOptionsArgs:

/**
 * Interface for options to construct a RequestOptions, based on
 * [RequestInit](https://fetch.spec.whatwg.org/#requestinit) from the Fetch spec.
 *
 * @experimental
 */
export interface RequestOptionsArgs {
    url?: string | null;
    method?: string | RequestMethod | null;
    /** @deprecated from 4.0.0. Use params instead. */
    search?: string | URLSearchParams | {
        [key: string]: any | any[];
    } | null;
    params?: string | URLSearchParams | {
        [key: string]: any | any[];
    } | null;
    headers?: Headers | null;
    body?: any;
    withCredentials?: boolean | null;
    responseType?: ResponseContentType | null;
}

Answer 1

4.3 更新 HttpClient

与HttpClient兼容的新语法，在 Angular 4.3 中引入，是:

import { HttpClient, HttpHeaders } from "@angular/common/http";

private _options = { headers: new HttpHeaders({ 'Content-Type': 'application/json' }) };

不再有 RequestOptions:使用新的不可变 HttpParams 添加参数 map 。

4.3 之前/Http

我只是注意到RequestOptions 现在要求您将命名选项作为对象显式传递，例如:

headers: Headers = new Headers({ 'Content-Type': 'application/json' });
options: RequestOptions = new RequestOptions({ headers: this.headers });