Estou buscando uma forma de interceptar todas as requisições HTTP feitas pelo angular e adicionar alguns headers. Nas versões anteriores ao angular2 RC5
(antes do NgModule
) era dessa forma, por exemplo:
class MyOptions extends BaseRequestOptions {
Authorization: string = 'Bearer ' + localStorage.getItem('tokenName');
}
bootstrap(AppComponent,
[HTTP_PROVIDERS,
{ provide: RequestOptions, useClass: MyOptions },
appRouterProviders,
disableDeprecatedForms(),
provideForms(),
]).catch(err => console.error(err));
Atualmente estou na versão 2.0 final
e conforme pesquisa sobre como isso seria implementado nesta versão, seria algo similar a isso:
@NgModule({
imports: [ BrowserModule ],
declarations: [ AppComponent ],
providers: [
{ provide: RequestOptions, useClass: MyOptions }
],
bootstrap: [ AppComponent ]
})
export class AppModule {
}
@Injectable()
export class MyOptions extends RequestOptions {
constructor() { super({method: RequestMethod.Get, headers: new Headers()}); }
}
Que apresenta o seguinte erro: TypeError: Cannot read property 'merge' of null
. Como pode ser visto neste exemplo.
Obs: A implementação de
MyOptions
é a mesma deBaseRequestOptions
, copiei pois se utilizarBaseRequestOptions
em{ provide: RequestOptions, useClass: BaseRequestOptions}
, tudo funciona, como pode ser observado neste exemplo.