Angular 5 HTTPclient json错误

Question

我正在尝试从我的 Angular 5 离子项目中的 json 文件导入数据，但我不能，因为我收到错误： TS2339：属性结果不存在于 home.ts 中的类型“对象”（其中 2 个）

提供者：people.ts

  getPeople() {
    return this.http.get('http://www.json-generator.com/api/json/get/cghlMAGJvm?indent=10')
  }
}

home.ts

  constructor(public navCtrl: NavController,
              public service: People)
  {
    this.service.getPeople()

      .subscribe(
        data => this.people = data.results
      )
  }

  toggleReorder(){
    this.shouldReorder = !this.shouldReorder
  }
doRefresh(e){
this.service.getPeople()
  .subscribe(
    data => this.people.unshift(...data.results),
    err => console.log(err),
    () => e.complete()
  )
}
}

正如我在 angular/http 指南中看到的那样：

showConfig() {
  this.configService.getConfig()
    .subscribe(data => this.config = {
        heroesUrl: data['heroesUrl'],
        textfile:  data['textfile']
    });
}

但我想复制所有数据而不是只复制几个部分。正确的做法是什么？

Answer 1

在您的 people.ts 上添加地图运算符的导入。

import 'rxjs/add/operator/map';


getPeople() {
    return this.http.get('http://www.json-generator.com/api/json/get/cghlMAGJvm?indent=10').map(res => res.json());
}

http://www.json-generator.com/api/json/get/cghlMAGJvm?indent=10 给出的响应已经是结果，所以不需要添加data.results，响应中不存在该属性。

this.service.getPeople().subscribe( data => {
    this.people = data
});