从api获取数据时出现Angular 2错误

Question

我正在创建一个Web API并使用Angular 2从服务器到客户端获取数据。但是发生以下错误。 （请参阅错误链接）

error Image in Link

error Image2 in Link

图表类

run

模型类

class ChartComponent {
models: Array<Model> = [];

constructor(public http: Http) {
    this.getData();
}

getData() {
    this.http.get('http://localhost:48512/api/data')
        .map(res => (<Response>res).json())
        .map((models: Array<any>) => {
            let result: Array<Model> = [];
            if (models) {
                models.forEach(model => {
                    result.push(
                        new Model(
                            model.imageUrl,
                            model.question,
                            model.answer
                            ));
                });
            }

            return result;
        }).
        subscribe(
        data => {
            this.models = data;
            console.log(this.models);
        },
        err => console.log(err)
        );
}}

控制器

class Model {
constructor(
    public imageUrl: string,
    public question: string,
    public answers: string) {
}}

}

Answer 1

您需要以这种方式导入map运算符：

import 'rxjs/Rx';

或

import 'rxjs/add/operator/map';

有关详细信息，请参阅此问题：

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