找不到类型 'object' 的不同支持对象“[object Object]”。 NgFor 仅支持绑定到 Iterables，例如 Arrays ionic 2

Question

我有一个获取关键字的服务，我使用 ngFor 将这些关键字显示为标签。但是我得到了上面的错误

这是代码

<ion-content>
  <ion-searchbar [(ngModel)]="myInput" [showCancelButton]="shouldShowCancel" (ionInput)="onInput($event)" (ionCancel)="onCancel($event)">
  </ion-searchbar>
  <ion-card *ngIf="suggest">
    <ion-card-header>
      Suggestions
    </ion-card-header>
    <ion-card-content>
      <ion-badge *ngFor="let item of keyword;" > {{item.keyword}}</ion-badge>
    </ion-card-content>

这是我在

时调用搜索服务的地方

onInput(event) {
    this.suggest = true;
    this.keywords = this.logins.getkeywords(this.myInput).subscribe((data) => this.keywords = data)


  }

这是服务

getkeywords(item:string):any

{
   return  this.http.get('/mobile/term).map((res:Response)=>res.json())

}

这是服务器响应

[{"keyword":"asd"},{"keyword":"aptitude"},{"keyword":"arrangements"},{"keyword":"averages"},{"keyword":"aadasda"},{"keyword":"asdasd"},{"keyword":"anesthesiology"},{"keyword":"asds"}]

Answer 1

我得到了解决方案，这是我被服务调用造成的。

onInput(event) {
    this.suggest = true;
    this.keywords = this.logins.getkeywords(this.myInput).subscribe((data) => this.keywords = data)


  }

我在这里将数据分配给两个地方的关键字，一次是在我接收数据时，一次是在我调用服务时，以便它正确获取数据，然后再次将订阅者对象分配给它，这导致了错误。

找不到类型 'object' 的不同支持对象“[object Object]”。 NgFor 仅支持绑定到 Iterables，例如 Arrays ionic 2

Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays ionic 2

angular2-services