如何将变量返回到* ngFor?

时间:2017-03-30 14:35:18

标签: angular ionic2

刚开始学习ionic2和Angular。这就是我在member.ts文件中的内容

Events (eventData) {
  return this.storage.get('signature').then((val) => {
    this.getDataApi.getEventData(val, function (data) {
      if (data.events.length > 0)  {
          //console.log(data.events);
          eventData = data.events;
          console.log(eventData);
          return eventData;

        }
      })
    })
}

在console.log(eventData)中,我有[对象,对象,对象,对象,对象,对象]返回。只是无法在“letData of eventData”一侧显示。

我正在尝试在member.html中显示有效负载。对此仍然很新。任何人

<button ion-item *ngFor="let item of eventData" (click)="gotoEvent($event, name)">
  {{item.name}}
</button>

1 个答案:

答案 0 :(得分:3)

eventData需要是实例属性而不是全局变量:

this.getDataApi.getEventData(val, (data) => {
  if (data.events.length > 0)  {
      //console.log(data.events);
      this.eventData = data.events; // <-- use this.eventData = ...
      return eventData;
    }
  })
})

另请注意,您应该使用arrow function,以便this在回调内部具有正确的引用。