2017-04-04 62 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