Заголовки Angular2/Http (POST) - программирование

Я не могу изменить заголовки при выполнении запроса POST. Я попробовал пару вещей:

Простой класс:

export class HttpService {
    constructor(http: Http) {
        this._http = http;
    }
}

Я пробовал:

testCall() {
    let body = JSON.stringify(
        { "username": "test", "password": "abc123" }
    )

    let headers = new Headers();
    headers.append('Content-Type', 'application/json'); // also tried other types to test if its working with other types, but no luck

    this._http.post('http://mybackend.local/api/auth', body, { 
        headers: headers 
    })
    .subscribe(
        data => { console.log(data); },
        err => { console.log(err); },
        {} => { console.log('complete'); }
    );
}

testCall() {
    let body = JSON.stringify(
        { "username": "test", "password": "abc123" }
    )

    let headers = new Headers();
    headers.append('Content-Type', 'application/json'); // also tried other types to test if its working with other types, but no luck

    let options = new RequestOptions({
        headers: headers
    });

    this._http.post('http://mybackend.local/api/auth', body, options)
    .subscribe(
        data => { console.log(data); },
        err => { console.log(err); },
        {} => { console.log('complete'); }
    );
}

ни один из двух не работает. Я не забыл импортировать какой-либо из классов.

Я использую Google Chrome. Поэтому я проверяю вкладку "Сеть", мой запрос есть, и он говорит, что мой Content-Type является текстовым/обычным.

Является ли это ошибкой или я делаю что-то неправильно?

UPDATE Я забыл импортировать класс заголовков из Angular2/http:

import {Headers} from 'angular2/http';

import {Component} from 'angular2/core'; import {Http,Headers} from 'angular2/http'; import 'rxjs/Rx'; @Component({ selector: 'my-app', template: ` <div (click)="executeHttp()"> Execute HTTP </div> ` }) export class AppComponent { constructor(private http:Http) { } createAuthorizationHeader(headers:Headers) { headers.append('Authorization', 'Basic ' + btoa('a20e6aca-ee83-44bc-8033-b41f3078c2b6:c199f9c8-0548-4be79655-7ef7d7bf9d20')); } executeHttp() { var headers = new Headers(); this.createAuthorizationHeader(headers); headers.append('Content-Type', 'application/json'); var content = JSON.stringify({ name: 'my name' }); return this.http.post( 'https://angular2.apispark.net/v1/companies/', content, { headers: headers }).map(res => res.json()).subscribe( data => { console.log(data); }, err => { console.log(err); } ); } }

Ответ 1