Anfügen von benutzerdefinierten Feldern an HTTP-Request-Header mithilfe der Request-Klasse

Question

Anfügen von benutzerdefinierten Feldern an HTTP-Request-Header mithilfe von Request-Klasse in Angular2? Ich habe Beiträge gefunden, die ähnliche Probleme lösen, aber sie verwenden keine Request-Klasse.

Mein Code ist der folgende.

let headers: Headers = new Headers(); 
headers.append('foo', 'bar'); 

let req: any = { 
    method : RequestMethod.Get, 
    url : '/test.json', 
    headers: headers, 
}; 

// this.http is Http instance variable. 
this.http.request(new Request(req)).map((res: any) => res.json()); 

Dies ist ein sehr einfacher Code. Aber wenn ich dies ausführte, konnte ich benutzerdefinierte Felder in HTTP-Anfrage-Header nicht finden, Entwickler-Tools von Google Chrome verwendend.

referenzierte: https://angular.io/docs/js/latest/api/http/index/Request-class.html

---

Es ist möglich, dieses Problem zu reproduzieren. Der folgende Code sollte XHR 400 Fehler bekommen, aber es ist kein Problem. Beachten Sie jedoch, dass der Anforderungsheader keine benutzerdefinierten Felder enthält.

http://plnkr.co/edit/arCFx69V9H1Cl0pJXBzO?p=preview

Answer 1

Sie haben wahrscheinlich vergessen, die Headers Klasse zu importieren:

let headers: Headers = new Headers(); 
headers.append('foo', 'bar'); 

this.http.get('test.json', { headers }).map((res: any) => res.json()); 

Außerdem vergessen Sie nicht, auf die zurück abonnieren:

import {Http, Headers, ...} from 'angular2/http'; 

Sie auch den folgenden Code verwenden könnte beobachtbar, um die Anfrage auszuführen, da Observables faul sind:

let headers: Headers = new Headers(); 
headers.append('foo', 'bar'); 

this.http.get('test.json', { headers }) 
    .map((res: any) => res.json()) 
    .subscribe((data) => { 
    console.log(data); 
    });