Angular2-http。员额（……）。映射不是函数[重复]

Question

我已经查找了所有github问题和StackOverflow帖子，但是我无法让它工作

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

（Angular 2 HTTP GET与TypeScript错误http.get（...）. map不是一个函数在[null]）

• 我正在使用Angular2@2.0.0-贝塔。1
• Rxjs(rxjs@5.0.0-贝塔。1） 在控制台中检查控制台/资源时成功导入

我尝试了不同的进口：

导入'rxjs/add/operator/map'

导入'rxjs/rx'

但是我一直收到错误http。员额（……）。地图不是一项功能

更新-代码上下文

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

看来Angular2β。1需要RxJS 5.0。0-β。也许这就是你问题的原因。

如果我在我的包. 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"
},

我有一个错误，Angular2需要RxJS 5.0.0-beta.0。

编辑

您需要在bootstrap函数的第二个参数中添加HTTP\u提供程序。

希望对你有帮助蒂埃里

Answer 2

对我来说，http.post（...）. map（）按预期工作。我确实需要导入'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)
    );
  }
}

参见plunker示例：http://plnkr.co/edit/vise2zYxZUmr1kW65mNY?p=preview

希望这能帮你找到你的问题