我正在尝试通过http.post函数从url获取数据。但是我收到了错误。 app.component.ts文件的源代码:
import {Component} from 'angular2/core';
import {bootstrap} from 'angular2/platform/browser';
import {Http, HTTP_PROVIDERS, Headers} from 'angular2/http';
@Component({
selector: 'my-app',
template: `
<div>
<button (click)="postData()">Post Data</button>
<p>Posted the following values:</p>
<div>{{postResponse.id}}</div>
<div>{{postResponse.name}}</div>
</div>`
})
export class AppComponent {
result: Object;
http: Http;
postResponse = new Person();
constructor(http: Http) {
this.http = http;
}
postData(){
var headers = new Headers();
headers.append('Content-Type', 'application/json');
this.http.post('http://141.79.39.454:8008/the-link-something-like-this...', JSON.stringify({"id": 1, "name": "Новые"}),{headers:headers})
.map(res => res.json())
.subscribe((res:Person) => this.postResponse = res);
}
}
class Person{
id:number;
name:string;
}
bootstrap(AppComponent, [HTTP_PROVIDERS]);
网址中的JSON看起来像this. 当我点击按钮时我得到的错误如下:
EXCEPTION: Error during evaluation of "click"
Uncaught EXCEPTION: Error during evaluation of "click"
ORIGINAL EXCEPTION: TypeError: this.http.post(...).map is not a function
ORIGINAL STACKTRACE:
TypeError: this.http.post(...).map is not a function
at AppComponent.postData (http://localhost:3000/app/app.component.js:35:26)
at AbstractChangeDetector.ChangeDetector_AppComponent_0.handleEventInternal (eval at <anonymous> (http://localhost:3000/node_modules/angular2/bundles/angular2.dev.js:10897:14), <anonymous>:124:33)
at AbstractChangeDetector.handleEvent (http://localhost:3000/node_modules/angular2/bundles/angular2.dev.js:8788:22)
at AppView.dispatchEvent (http://localhost:3000/node_modules/angular2/bundles/angular2.dev.js:9396:39)
at AppView.dispatchRenderEvent (http://localhost:3000/node_modules/angular2/bundles/angular2.dev.js:9391:19)
at DefaultRenderView.dispatchRenderEvent (http://localhost:3000/node_modules/angular2/bundles/angular2.dev.js:7819:53)
at eventDispatcher (http://localhost:3000/node_modules/angular2/bundles/angular2.dev.js:9781:19)
at http://localhost:3000/node_modules/angular2/bundles/angular2.dev.js:9852:14
at http://localhost:3000/node_modules/angular2/bundles/angular2.dev.js:15370:34
at http://localhost:3000/node_modules/angular2/bundles/angular2.dev.js:7874:18
ERROR CONTEXT:
[object Object]run @ angular2-polyfills.js:143zoneBoundFn @ angular2-polyfills.js:111
答案 0 :(得分:12)
也许您可以尝试在导入中添加以下内容:
import 'rxjs/add/operator/map';
有关详细信息,请参阅此问题:https://github.com/angular/angular/issues/5632。
希望它可以帮到你, 亨利