Angular function does not load in time?

Question

When I try to use the following code in a website template:

<img src="{{getImage(estabelecimento)}}">

The image loads correctly, but before loading this error appears on the console:

GET http://localhost:8080/%7B%7BgetImage(establishment)%7D%7D 404 (Not Found)

Everything leads me to believe that the HTML tags are being loaded and executed before the angular directives, causing the text of the tag that calls the function to appear in the HTML code for a few milliseconds.

Is there any way to fix this?

Answer 1

Try with ng-src :

<img ng-src="{{getImage(estabelecimento)}}">

https://docs.angularjs.org/api/ng/directive/ngSrc