I am encountering a difficulty with the img tag’s load occasion in my Angular venture. Particularly, the load occasion would not appear to set off as anticipated on iPhones. I’ve carried out the occasion dealing with logic as follows:
<!-- My img tag -->
<img
[ngClass]=""
class="item_image__fm"
peak="100%"
width="100%"
[alt]="service?.particulars?.Title || ''"
(load)="handleSuccessLoad(service?.particulars)"
/>
In my Angular element, I’ve the next logic to deal with the load occasion:
public handleSuccessLoad(promoItem: IPromoDetails | undefined): void {
console.log('promoItem---1,', promoItem);
if (promoItem) {
console.log('promotem---2,', promoItem);
promoItem.Loaded = true;
}
}
This code works as anticipated on most browsers and units, however on iPhones, the load occasion seems to be inflicting an infinite animation.
I’ve tried the next steps to resolve the problem:
Checked for CSS points that may have an effect on the animation.
Ensured that photos are correctly optimized for internet use.
Examined on completely different iPhone fashions and iOS variations, and the issue persists.
I am looking for steerage on the right way to resolve this subject particularly on iPhones. Any insights, recommendations, or different approaches could be tremendously appreciated.
