Matt Webb Matt Webb - 2 months ago 7
iOS Question

Angular App images not displaying on iPhone

I have a very strange image loading issue ...

enter image description here

I am struggling to debug this as it appears only on iPhone (tested using both Safari & Chrome) but works absolutely fine using an emulator (Chrome).

My images are loaded directly from the image folder (example) no angular rendering or dynamic src creation:

<div class="text-center">
<a href="https://www.chess.com/" target="_blank">
<img src="images/assets/chess.com.jpg" alt="" width="200px" height="80px">
</a>
</div>


The site can be found here: http://fantasychess.online/#/

This is not an attempt to spam my web link, I am simply struggling to identify the problem. Any assistance would be greatly appreciated, I have searched low and high for similar questions but nothing relevant was found.

Answer

Instead of src use Angular#ngSource

<img ng-src="images/assets/chess.com.jpg" alt="" width="200px" height="80px">
Comments