Home/ Questions/Q 9196495
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T21:51:44+00:00

I am filling in <img src= tags using AngularJS, so urls in my html

  • 0

I am filling in <img src= tags using AngularJS, so urls in my html are:

<img src='[[profile.image]]'>

When I load the page the image shows but the get errors in the Javascript console too:

GET [[profile.image]] 404 (NOT FOUND)

So the browser is trying to fetch the image before Angular has interpolated the value right? Then when Angular sets the value the browser fetches again and this time shows the image.

How can I either get Angular to do this earlier, or get the browser to wait? I don’t like having the error exposed.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Angular has a special directive just for this case: http://docs.angularjs.org/api/ng.directive:ngSrc

    <img ng-src="{{profile.img}}" />
    • 0