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数组

posts: Array<any> = [];

离子列表未在设备上加载

1 个答案: