Làm cách nào để bạn đặt tiêu đề tùy chỉnh chung trong Angular2?

Question

Tôi muốn đặt tiêu đề Content-type: application/json trong tất cả các yêu cầu của tôi vào chương trình phụ trợ của tôi trong Angular2. Tôi sử dụng điều này trong tệp app.js chính của mình.

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('/') 
]) 

tôi hy vọng tất cả các công dụng của Http sử dụng mới content-type, nhưng mã này vẫn có content-type thiết lập để text/plain

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

Tôi đã tự đặt tiêu đề cho mỗi yêu cầu để làm cho nó hoạt động chính xác. Tôi có làm điều gì sai?

Lưu ý: Tôi muốn đặt tùy chọn tiêu đề trên toàn cầu, không phải đặt tùy chọn này theo mọi loại yêu cầu như được tìm thấy trong this solution.

Answer 1

1. Thay đổi MyOptions tới:

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

2. Đặt provide(RequestOptions, {useClass: MyOptions})SAUHTTP_PROVIDERS (nếu không mặc BaseRequestOptions sẽ được sử dụng thay vì MyOptions của bạn).

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

Xem this plunk