Javascript ng重复对象未定义

活动清单：

export class HomePage {
  private socket = null;
  private event_list = [];
  constructor(public http: Http) {
    this.http = http;
    this.event_list = [{"payload": {"action": "create", "pk": 667, "model": "photogallery.image", "data": {"confidence": "93.62", "detect": false, "description": "a gate in front of a fence", "timestamp": "2017-09-12T17:26:43.029Z", "image": "gallery/PICT0609_X4Fpw9D.JPG", "detect_type": null, "device": 1}}, "stream": "intval"}]

然后在模板中重复事件：

<ion-list>
  <ion-item ng-repeat="event in event_list">
    <ion-thumbnail item-start>
      <img src="img/thumbnail-totoro.png">
    </ion-thumbnail>
    <h2>{{ event.payload.data }}</h2>
    <p>{{ event.payload.data.description }}</p>
    <button ion-button clear item-end>View</button>
  </ion-item>
</ion-list>

[object Object]

---

那么，如果您使用的是离子2，为什么它没有定义呢。使用

*ngFor

代替

ng repeat

<ion-list>
  <ion-item *ngFor="let event of event_list">
    <ion-thumbnail item-start>
      <img src="img/thumbnail-totoro.png">
    </ion-thumbnail>
    <h2>{{ event.payload.data }}</h2>
    <p>{{ event.payload.data.description }}</p>
    <button ion-button clear item-end>View</button>
  </ion-item>
</ion-list>

{{event.payload.data}
{{event.payload.data.description}

看法

如果您使用的是爱奥尼亚2。使用

*ngFor

代替

ng repeat

<ion-list>
  <ion-item *ngFor="let event of event_list">
    <ion-thumbnail item-start>
      <img src="img/thumbnail-totoro.png">
    </ion-thumbnail>
    <h2>{{ event.payload.data }}</h2>
    <p>{{ event.payload.data.description }}</p>
    <button ion-button clear item-end>View</button>
  </ion-item>
</ion-list>

{{event.payload.data}
{{event.payload.data.description}

看法

尝试使用

{event？.payload？.data}

您是否从ajax之类的异步函数中获得

事件

对象？是的，我可以为循环重复做一些事情，上面使用JS codeHi Rahul-这仍然只显示[object object]尝试使用

{event？.payload？.data}

您是否从ajax之类的异步函数中获取

事件

对象？是的，我可以使用JS codeHi Rahul进行循环重复和以上操作-仍然只显示[object object]我没有意识到我在使用angular 4…和ionic 3…谢谢，这有效！应该删除我的问题..我没有意识到我在使用angular 4…和ionic 3…谢谢，这有效！应该删除我的问题。。