高さを決定した後、イオンリストに画像URLを追加しました

Question

この技術の経験が限られているため、解決策を見つけるのに苦労しました。私は今問題がなぜ起こっているのかを知っていると信じていますが、解決方法についてはわかりません。

リストをフェッチするためにリモートサーバーに要求を出すページがあります。このページの1つは、表示する必要のあるイメージを含むリンクです。残念ながら、これらのアイテムを元に戻し、それらをすべてリストに追加してから、そのリストのサイズを計算します。その後、画像が読み込まれ、すべてがオーバーランします。

<ion-list [virtualScroll]="info" #infoList id="infoList"> 
    <ion-item *virtualItem="let item"> 
    <div [innerHTML]="item.innerHTML"></div> 
    </ion-item> 
</ion-list> 

イオンリストがどのように高さを再計算したり、プログラムでそれを行うことができるかアドバイスしてください。

Answer 1

最初に画像を読み込んで表示します。ブラウザが画像をロードし、ビューを作成したことを意味する これは以下のjsで行うことができます。

var imageObj = new Image(); 
imageObj.onload = function() { 
    // this is called when image is loaded. 
}; 
imageObj.src = image;