J'ai peu de services, qui ont le même code à l'intérieur:
constructor (private http: Http) {
//use XHR object
let _build = (<any> http)._backend._browserXHR.build;
(<any> http)._backend._browserXHR.build = () => {
let _xhr = _build();
_xhr.withCredentials = true;
return _xhr;
};
}
Je voulais déplacer le code dans un fichier séparé http_base_clas.ts et réutiliser le code autant que possible. Voici http_base_clas.ts:
import {Http} from '@angular/http';
export class HttpBaseClass {
constructor ( http: Http) {
//use XHR object
let _build = (<any> http)._backend._browserXHR.build;
(<any> http)._backend._browserXHR.build = () => {
let _xhr = _build();
_xhr.withCredentials = true;
return _xhr;
};
}
}
Comment étendre http_base_class en auth_service.ts?
import {Injectable} from '@angular/core';
import {Http, Response} from '@angular/http';
import {Headers, RequestOptions} from '@angular/http';
import {Observable} from 'rxjs/Observable';
@Injectable ()
export class AuthenticationService {
result: {
ok: boolean;
};
private verifyUrl = 'http:example.com;
constructor (private http: Http) {
}
private authRequest (url) {
let body = JSON.stringify({});
let headers = new Headers({ 'Content-Type': 'application/json'});
let options = new RequestOptions({
headers: headers
});
return this.http.post(url, body, options)
.map((res: Response) => res.json())
.map(res => {
this.result = res;
return this.result.ok;
});
}
}
class AuthenticationService extends HttpBaseClass {
constructor(http:Http) {
super(http);
}
private authRequest (url) {
...
}
}