2017-04-04 60 views
0

我有一个包含其图片的用户列表。查看收费时显示图片

我先打电话服务在ionViewWillEnter

而且在每个项目,我把avatar_url用户的图片src:

<ion-item *ngFor="let user of users"> 
    <ion-img src="{{user.avatar_url}}"></ion-img> 
    ....... 
</ion-item> 

当视图的电荷,会出现什么。我必须向下滚动才能显示图像。

有没有什么方法可以显示图像?

回答

0

如果您使用<ion-img>标签,则图像仅在设备屏幕上可见时才加载。阅读以下从手动在https://ionicframework.com/docs/api/components/img/Img/

离子IMG组分是类似于标准img元素,但它也增加了,以提供改进的性能特征。其功能包括只加载可见的图像,使用网络工作人员进行HTTP请求,防止在滚动和内存缓存时出现乱码。

如果你想避免这种情况,那么你可以使用标准的<img>标签,而不是

+0

不显示图像。我必须向下滚动或向上滚动才能显示。我不知道是否需要在'mycomponent.ts'中更改某些内容,尤其是函数'ionViewWillEnter' –

+0

即使您将''标签更改为简单的''? – Chris