Warum ist „this.http.get(...).map' keine Funktion in meiner Angular HTTP GET-Anfrage?

Angular HTTP GET mit TypeScript-Fehler: this.http.get(...).map ist keine Funktion

Übersicht

Beim Versuch Um eine HTTP-GET-Anfrage mit Angular auszuführen, stoßen einige Entwickler auf den folgenden Fehler: TypeError: this.http.get(...).map is not a function in [null]. Dies kann frustrierend sein und die Anwendungsentwicklung stoppen.

Lösung

Der Fehler ist höchstwahrscheinlich auf fehlende RxJS-Operatoren zurückzuführen. Um dieses Problem zu beheben, müssen Sie den erforderlichen Operator für die .map()-Methode in Ihren Code importieren.

Importieren Sie den entsprechenden Operator:

import 'rxjs/add/operator/map';

Das wird Importieren Sie nur den .map()-Operator und fügen Sie ihn Ihrer Anwendung hinzu.

Alternative: Alle Operatoren importieren (Achtung)

Wenn Sie lieber Zugriff auf alle 50 RxJS-Operatoren haben möchten, können Sie sie alle mit der folgenden Anweisung importieren. Beachten Sie jedoch, dass dadurch die Bundle-Größe Ihrer Anwendung zunimmt:

import 'rxjs/Rx';

Beispielimplementierung

Hier ist eine Beispielimplementierung des .map()-Operators in Ihrem TypeScript Code:

getHalls() {
  return this.http.get(HallService.PATH + 'hall.json')
    .map((res: Response) => res.json());
}

Zusätzliche Hinweise

Weitere Details und Diskussionen zu diesem Thema finden Sie in der folgenden Ausgabe:

• https://github.com/ angle/angular2/issues/11564

Das obige ist der detaillierte Inhalt vonWarum ist „this.http.get(...).map' keine Funktion in meiner Angular HTTP GET-Anfrage?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!