Come si impostano le intestazioni personalizzate globali in Angular2?

Question

Voglio impostare l'intestazione Content-type: application/json in tutte le mie richieste al mio backend in Angular2. Lo uso nel mio file principale app.js.

let headers = new Headers({ 
    'Content-Type', 'application/json' 
}) 
class MyOptions extends BaseRequestOptions { 
    headers: headers 
} 

bootstrap(App, [ 
    provide(RequestOptions, {useClass: MyOptions}), 
    ROUTER_BINDINGS, 
    HTTP_PROVIDERS, 
    bind(APP_BASE_HREF).toValue('/') 
]) 

mi aspetto tutti gli usi del Http per utilizzare il nuovo tipo di contenuto, ma questo codice ha ancora il tipo di contenuto impostato text/plain

saveMaster (master) { 
    return this.http 
    .put(`${config.API_URL}/masters/${master._id}`, JSON.stringify(master)) 
    .map(res => res.json()) 
} 

ho per impostare manualmente le intestazioni per ogni richiesta per farlo funzionare correttamente. Sto facendo qualcosa di sbagliato?

Nota: Desidero impostare un'opzione di intestazione a livello globale, non è necessario impostarla con ogni tipo di richiesta come si trova in this solution.

Answer 1

1. Cambio MyOptions a:

class MyOptions extends RequestOptions { 
    constructor() { 
    super({ 
     method: RequestMethod.Get, 
     headers: new Headers({ 
     'Content-Type': 'application/json', 
     'X-Some-Header': 'some-content' 
     }); 
    }); 
    } 
} 

2. Mettere provide(RequestOptions, {useClass: MyOptions})DOPOHTTP_PROVIDERS (altrimenti di default BaseRequestOptions verranno utilizzati al posto del tuo MyOptions).

bootstrap(App, [ 
    // ... 
    HTTP_PROVIDERS, 
    provide(RequestOptions, {useClass: MyOptions}) // <- after HTTP_PROVIDERS!!! 
]) 

Vedi this plunk