映射函数给出无法解析的函数或方法（映射）

Question

即使在我添加了'rxjs/add/operator/map'导入后，映射方法返回“未解析的函数或方法映射（）”错误。

我跟着每一步，我甚至添加了rxjs 5.0.1，我仍然遇到“无法解析的函数或方法”错误。你知道如何解决这个问题吗？

您可以在下面看到示例代码。

方法，返回“未解析函数或方法错误地地图”：

import { Component, OnInit} from '@angular/core'; 
import { Router } from '@angular/router'; 
import { FormGroup, FormBuilder } from '@angular/forms'; 
import { Http, RequestOptions, Headers, Response } from '@angular/http'; 
import { Observable } from 'rxjs/Observable'; 
import 'rxjs/add/operator/map'; 
import 'rxjs/Rx'; 

@Component({ 
moduleId: module.id, 
templateUrl: 'navigation.component.html' 

}) 

export class NavigationComponent implements OnInit { 

form: FormGroup; 

myInput = {input1:'',input2:'' } 

webserviceUrl : "https://httpbin.org/get"; 

ngOnInit(): void { } 

constructor(private router: Router) { 

} 

constructor (private http: Http) {} 


onRegister() { 
let headers = new Headers({ 'Content-Type': 'application/json' }); 
let options = new RequestOptions({ headers: headers }); 

return this.http.post(this.webserviceUrl, options) 
    .map(this.myInput) 
    .catch(this.handleError); 


} 

private handleError (error: Response | any) { 

let errMsg: string; 
if (error instanceof Response) { 
    const body = error.json() || ''; 
    const err = body.error || JSON.stringify(body); 
    errMsg = `${error.status} - ${error.statusText || ''} ${err}`; 
} else { 
    errMsg = error.message ? error.message : error.toString(); 
} 
console.error(errMsg); 
return Observable.throw(errMsg); 
} 

} 

Answer 1

我相信地图需要，因为它的参数功能，但你传递的对象。这个错误可能是打字稿无法找到接受的地图功能和对象。

Answer 2

Map使用函数来修改数据。

在你的http文章中，我怀疑你想从http调用中获取返回值，并将值赋给变量this.myInput。而不是这样做：

return this.http.post(this.webserviceUrl, options) 
    .map(this.myInput) 
    .catch(this.handleError); 

你可能想返回JSON，然后在subscribe功能onRegister()分配值this.myInput。它应该是这样的：

onRegister() { 
    let headers = new Headers({ 'Content-Type': 'application/json' }); 
    let options = new RequestOptions({ headers: headers }); 

    return this.http.post(this.webserviceUrl, options) 
     .map(res => res.json()) 
     .catch(this.handleError); 
} 

然后订阅像这样：

this.onRegister().subscribe(data => this.myInput = data);