I have just completed two important updates to our Angular 4 application and build tools:
- @angular/core
^4.1.3=>^4.2.4(including /http, /forms, etc) - tslint
^5.3.2=>^5.4.3
Within a Service, I define options as follows:
@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 ... */
}
The above code now triggers an error in tslint, specifically this one:
error TS2559: Type 'Headers' has no properties in common with type 'RequestOptionsArgs'.
It is worth noting that the source (@angular/http interface.d.ts:43) clearly permits Headers as a valid type for 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;
}