httpコールからimgデータを取得する適切な方法

Question

私は問題があります。私はserviceすべてのユーザーを取得するプロフィール画像。問題はimgがリクエストが完了/完了したときのみ表示されることです。

私が欲しいのは、すでに呼び出されている/読み込まれているimgを表示することです。

getImgService

uploadService.getImgs().then(function (data) { 
    vm.img = data; 
    myCache.put('imgsData', vm.img); 
    return vm.img; 
}); 

私はすでに私の問題を研究しようとしたと事前ロードが見つかりましたが、私は従うことができます記事を見つけることができません。

ありがとうございます！どんな提案も非常に感謝しています。

Answer 1

あなたのgetImgs()を1つの約束ではなく約束の配列に戻してください。配列内の各約束は単一のイメージデータを返すべきです。この変更では、返されたすべての約束に対して同じコールバックを登録する必要があります。その結果、それぞれのイメージがロードされたイベントで反応し、すぐにキャッシュされます。例：

function cacheImage(data) { 
    if (!vm.img) { 
     vm.img = []; // assuming array store of single image data 
     myCache.put(‘imgsData’, vm.img); 
    } 
    vm.img.push(data); // add to array next image data 
} 

uploadService.getImgs().forEach(imgPromise => imgPromise.then(cacheImage));