Ionic3 Angular5-尝试区分的错误'；[对象对象]'；。只允许使用数组和iterables

我试图从本地web服务获取数据，但无法打印值​​在应用程序中

这是我的代码：

team-data.ts：

home.ts：

---

您将在响应中获得一个包含数组的对象

您需要在订阅中使用该阵列：

getTeam() {
    this.teamDataProvider.getTeams()
       .subscribe(
          data => this.arrayTeam = data.teams,//here
          error =>  this.errorMessage = <any>error);
  }

getTeam（）{
this.teamDataProvider.getTeams（）
.订阅(
data=>this.arrayTeam=data.teams，//此处
error=>this.errorMessage=error）；
}

您在响应中得到一个包含数组的对象

您需要在订阅中使用该阵列：

getTeam() {
    this.teamDataProvider.getTeams()
       .subscribe(
          data => this.arrayTeam = data.teams,//here
          error =>  this.errorMessage = <any>error);
  }

getTeam（）{
this.teamDataProvider.getTeams（）
.订阅(
data=>this.arrayTeam=data.teams，//此处
error=>this.errorMessage=error）；
}

import { TeamDataProvider } from '../../providers/team-data/team-data';
import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  arrayTeam: Array<any> = [];
  errorMessage: string; 

  constructor(public navCtrl: NavController, public navParams: NavParams, public teamDataProvider: TeamDataProvider) {
  }

  getTeam() {
    this.teamDataProvider.getTeams()
       .subscribe(
          teams => this.arrayTeam = teams,
          error =>  this.errorMessage = <any>error);
  }

  ionViewDidLoad(){
   this.teamDataProvider.getRemoteData();
   this.getTeam();
  } 
}

<ion-header>
  <ion-navbar>
    <ion-title>
      Team List
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
  <ion-item>Team List</ion-item>
    <ion-list *ngFor="let team of arrayTeam">
      <ion-item >
        <ion-item>id: {{team.id}} name: {{team.name}} member: {{team.member}}</ion-item>
      </ion-item>
    </ion-list>
</ion-content>

{
  "teams": [
    {
      "id": 2,
      "name": "updated",
      "member": 4
    },
    {
      "id": 3,
      "name": "cambiato",
      "member": 8
    },
    {
      "id": 4,
      "name": "test",
      "member": 3
    },
    {
      "id": 5,
      "name": "sadasd",
      "member": 2
    }
  ]
}

getTeam() {
    this.teamDataProvider.getTeams()
       .subscribe(
          data => this.arrayTeam = data.teams,//here
          error =>  this.errorMessage = <any>error);
  }