Angular2 - http.post (...) Karte ist keine Funktion

Question

Ich habe alle Github Fragen nachgeschlagen, und die Stackoverflow Beiträge, aber ich bin nicht in der Lage, es zu bekommen arbeiten

(. https://github.com/angular/angular/issues/5632)

(Angular 2 HTTP GET with TypeScript error http.get(...).map is not a function in [null])

• ich verwende Angular2@2.0.0-beta.1
• Rxjs (rxjs@5.0.0-beta.1) erfolgreich importiert, wenn ich Konsole überprüfen/Ressourcen in der Konsole.

Ich habe versucht, verschiedene Importe:

import 'rxjs/add/operator/map';

import 'rxjs/rx';

Aber ich bekomme immer den Fehler http.post(...).map is not a function

Update - Code Kontext

let body = "email=" + email + "&password=" + password; 
let headers = new Headers(); 
headers.append('Content-Type', 'application/x-www-from-urlencoded'); 
this.http.post('http://angular.app/api/v1/auth') // angular.app is laravel backend 
     .map((responseData) => { 
      return responseData.json(); 
     }) 

Answer 1

Es scheint, dass Angular2 beta.1 RxJS 5.0.0-beta.0 erfordert. Vielleicht ist es die Ursache Ihres Problems.

Wenn ich versuche, dies in meiner package .json Datei:

"dependencies": { 
    "angular2": "2.0.0-beta.1", 
    "systemjs": "0.19.6", 
    "es6-promise": "^3.0.2", 
    "es6-shim": "^0.33.3", 
    "reflect-metadata": "0.1.2", 
    "rxjs": "5.0.0-beta.1", 
    "zone.js": "0.5.10" 
}, 

Und ich habe den Fehler, dass Angular2 RxJS 5.0.0-beta.0 erfordert.

bearbeiten

Sie müssen die HTTP_PROVIDERS im zweiten Parameter Ihrer bootstrap Funktion hinzuzufügen.

Hoffe, es hilft Ihnen, Thierry

Answer 2

Für mich sind die http.post(...).map() funktioniert wie erwartet. Ich muss tun, um die Einfuhr 'rxjs/Rx'

import {Component} from 'angular2/core'; 
import {Http} from 'angular2/http'; 
import 'rxjs/Rx'; 
@Component({ 
    selector: 'my-app', 
    template: ` 
    <h1>{{title}}</h1> 
    <p>Test result {{result | json}}</p> 
    ` 
}) 
export class App implements OnInit{ 
public title = 'my title'; 
public result : String; 

constructor(private _http : Http) { 
    _http.post('http://jsonplaceholder.typicode.com/posts') 
    .map(res => res.json()) 
    .subscribe(
     data => this.result = data, 
     err => console.log('ERROR!!!'), 
    () => console.log('Got response from API', this.result) 
    ); 
    } 
} 

Siehe Plunker Beispiel: http://plnkr.co/edit/vise2zYxZUmr1kW65mNY?p=preview

Hoffnungen dies wird Ihnen helfen, Ihre porblem