我有一个webapp可以在特定页面上加载小图像的集合。我想在尚未缓存的图像应出现的位置上显示负载微调器。为了检查哪些地点应具有负载微调器,我想检查浏览器缓存中是否已经存在应在地点上的图像的文件名。如果没有,那么当浏览器检索图像时,它将显示一个微调框。
我还想知道是否有一种方法可以让角度知道浏览器何时完成检索过去尚未缓存的所有图像。我希望能够订阅此活动。完成缓存后,该应用可以停止显示微调框,而是显示图像。
答案 0 :(得分:0)
Angular不会知道是否缓存了什么。您想要做的是拥有一个代表已卸载图像的卸载属性
unloaded: number = 10;
在每个图像上放置一个unloaded = unloaded -1;
<img src="url" (load)="unloaded = unloaded - 1">
并根据未加载的内容显示微调器
<spinner *ngIf="unloaded"></spinner>