ngのリピート対象未定義

Question

一覧：テンプレートで

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> 

その後エラー：

ERROR TypeError: Cannot read property 'payload' of undefined

しかし、テンプレートに、私はちょうど行うとき{ {イベント}}テンプレートで表示：

[object Object] 

なぜそれが未定義ですか？

Answer 1

あなたが*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>