角度2のjsonパイプは内容を表示しますが、実際のデータは表示しません

Question

<ul class="list-group"> 
    <li class="list-group-item" *ngFor="#event of events">{{event | json}}</li> 
</ul> 

これは正常に動作し、すべてのデータを表示します。

<ul class="list-group"> 
    <li class="list-group-item" *ngFor="#event of events">{{event.name}}</li> 
</ul> 

しかし、これにはない：私は、データをフェッチするために解析を使用して、はい、名前、名前のキーがありますよ/

。

export class EventsComponent { 
    events: any[]; 

    ngOnInit() { 
    this.fetchEvents(); 
    } 

    fetchEvents() { 
    let events = Parse.Object.extend('Event'); 
    let query = new Parse.Query(events); 
    query.find({ 
     success: (results) => { 
     this.events = results; 
     }, 
     error: (error) => { 
     console.log(error); 
     } 
    }); 
    } 
} 

Answer 1

?.安全航行（またはエルビス）オペレータ

<li class="list-group-item" *ngFor="#event of events">{{event?.name}}</li> 

event.name休憩角度が結合してeventを解決しようとする使用はかなりaはあなたがngOnInit()だけでフェッチので、まだヌルされていますAngularsは最初に値をバインドしようとします。