イオンリストがデバイスにロードされていません

Question

Ionicを使用して、実習用のデモアプリケーションを作成しています。 Webブラウザで正常に動作しますが、デバイス上で正しく動作していません。

ホームページのHTMLコード：

<ion-header> 
    <ion-navbar> 
    <ion-title> 
     Test App 
    </ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-content> 
    <ion-list> 
    <button ion-item (click) = newPage(post) *ngFor = "let post of posts"> 
     <ion-thumbnail item-start> 
     <img src="{{post?.multimedia.src}}"> 
     </ion-thumbnail> 
    <h2>{{post?.display_title}}</h2> 
     <p>{{post?.byline}}</p> 
    </button> 
</ion-list> 
</ion-content> 

home.tsコード：

export class HomePage { 
posts: Array<object>; 

constructor(public navCtrl: NavController, public http: Http) { 
    this.http.get('https://api.nytimes.com/svc/movies/v2/reviews/all.json?api-key=a96736504fda41f58b3af1ec5876d3b9') 
    .map(res => res.json()) 
    .subscribe(data => { 
    this.posts = data.results; 
    console.log(this.posts); 
    }); 
} 

newPage(post) { 
    this.navCtrl.push(Pg, { 
    post: post 
    }); 
} 
} 

私はコマンドを使用してデバイス上でそれを実行しました：

ionic run android --device 

アプリがデバイス上で開きますヘッダーのみがロードされています。リストは表示されません。何か不足していますか？

Answer 1

試してみて、あなたが `` で `` を置き換えるとどうなるか、この

posts: Array<any> = [];