在ionic2中加载带有图像和文本的惰性列表

Question

我想创建带有图像和文本的延迟加载列表。对于列表的每一行，图像可以作为单独的 http 请求从服务器下载。如果图像下载需要任何缓存，请告诉我。请让我知道ionic2中延迟加载列表的任何示例。

谢谢

Answer 1

这是列表的示例代码

<ion-list no-lines [virtualScroll]="partnerArray">
<ion-item-sliding *virtualItem="let item; let i=index">
  <ion-item (click)="view(i)">
    <ion-avatar item-start>
      <ion-img class="image" src="data:image/*;base64,{{item.imageUrl}}" style="height: 50px; width: 50px"></ion-img>
    </ion-avatar>
    <h2>{{item.name}}</h2>
    <p>{{item.email}}</p>
  </ion-item>
  <ion-item-options>
    <button ion-button color="danger" (click)="delete(i)">
      Delete
    </button>
  </ion-item-options>
</ion-item-sliding>

并在.ts文件中

private partnerArray: Array<{
id: number
imageUrl: string,
name: string,
email: string
}> = []
 this.odooRpc.searchRead(this.partner,
 this.domain, this.fields, this.limit, this.offset,
 this.sort).then((partner: any) => {
   let json = JSON.parse(partners._body)["result"].records;
   for (let i in json) {
   this.partnerArray.push({
   id: json[i].id,
   imageUrl: json[i].image_small == false ? "N/A":json[i].image_small ,
   name: json[i].name == false ? "N/A" : json[i].name,
   email: json[i].email == false ? "N/A" : json[i].email
 })
}
})

这是odoo服务器的代码。 我已经从Odoo服务器获取了一条记录。希望对您有所帮助