httpコール後にAngular2/Ionic2で更新されないビュー

Question

サーバーからデータを取得してテンプレートに表示する必要がある単純なIonic2ページがあります。

アプリケーションを実行すると、コンソールにフェッチされたデータがすべて表示されます（console.log(res.Data);）。

残念ながら、ビューは更新されません。しかし、私がボタンを押すと、すべてが魅力のように機能します。

またngOnInitメソッドからthis.update()を呼び出す必要があります。私がここで間違っていることは何ですか？

コード

constructor(private timeline: TimelineService) { 
    this.update(); 
} 

update() { 

    this.timeline.getTimeline(1).subscribe(res => { 
    console.log(res.Data); 
    this.timelineData = res.Data; 
    }); 

} 

テンプレート

<pre> 
    {{ timelineData?.length }} 
</pre> 

<button (click)="update()">Update</button> 

<div *ngFor="#timelineItem of timelineData; #i = index"> 
    <timeline-item [data]="timelineItem"></timeline-item> 
</div> 

Answer 1

私はあなたのテンプレートで問題を見ることができます。データは非同期にロードされるため、lengthプロパティを表示しようとすると問題が発生するはずです。

あなたはこのレベルでエルビス演算子を試みることができる：

<pre> 
    {{ timelineData?.length }} 
</pre> 

Answer 2

を私は（）onPageLoaded下の周りに同様の仕事と呼び出しサービスを持っている魔法のように動作します。これを試しましたか？

constructor(private timeline: TimelineService) { 
} 
onPageLoaded(){ 
this.update(); 
} 
update() { 
    this.timeline.getTimeline(1).subscribe(res => { 
    console.log(res.Data); 
    this.timelineData = res.Data; 
    }); 
}