Prevent {{image.url}} 404

Question

Working on a simple Angular app, where part of the functionality includes grabbing a set of images from a remote server. I'm then using ng-repeat to render these, but am getting a 404 on the initial page load as the browser can't find <img src="myurl.com{{img.url}}"/>

Have tried with ng-cloak and ng-show but these don't stop the browser looking for the image, they just hide the container.

Any help would be awesome...

do you know the possible combinations at code time? – Daniel A. White Dec 17 '13 at 01:33 — Daniel A. White, Dec 17 '13 at 01:33

falinsky · Accepted Answer · 2018-04-11T16:31:17.917

6

You should use ng-src.

Please look more at ngSrc

edited Apr 11 '18 at 16:31

answered Dec 17 '13 at 01:35

falinsky

7,229
3
32
56

Updated link for [ngSrc](https://docs.angularjs.org/api/ng/directive/ngSrc). – mfcallahan Apr 11 '18 at 16:15

Prevent {{image.url}} 404

1 Answers1