Angular2 - http.post (...) mapa nie jest funkcją

Question

Przyjrzeliśmy się wszystkie kwestie GitHub, a posty StackOverflow, ale jestem w stanie dostać pracy

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

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

• Używam Angular2@2.0.0-beta.1
• Rxjs (rxjs@5.0.0-beta.1) jest zaimportowany kiedy sprawdzić konsolę/resources w konsoli.

Próbowałem różnych Import:

import 'rxjs/add/operator/map';

import 'rxjs/rx';

ale wciąż otrzymuję Błąd http.post(...).map is not a function

update - kontekst kodu

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

Wygląda na to, że Angular2 beta 1 wymaga RxJS 5.0.0-beta.0. Być może to jest przyczyną twojego problemu.

Gdy próbuję to w moim pliku package .json:

"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" 
}, 

I mam błąd, który Angular2 wymaga RxJS 5.0.0-beta.0.

Edit

Trzeba dodać HTTP_PROVIDERS w drugim parametrze swojej funkcji bootstrap.

Nadzieję, że to pomaga, Thierry

Answer 2

Dla mnie http.post(...).map() działa zgodnie z oczekiwaniami. ja potrzebuję przywóz „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) 
    ); 
    } 
} 

patrz przykład plunker: http://plnkr.co/edit/vise2zYxZUmr1kW65mNY?p=preview

nadzieje że to pomoże Ci znaleźć swoją porblem