El enlace AngularJS en el atributo 'src' de la label <img>

Tengo una table con muchas rows y cada fila tiene una image de vista previa que se mostrará en la esquina superior derecha cuando el mouse esté sobre la fila.

Así es como puse la label de image con AngularJS binding para URL en el atributo src :

 <img src="{{imageUrl}}"/> 

Pero hay el siguiente error en la console:

OBTENER http: // localhost / # / imageUrl 404 (no encontrado)

¿Cómo deshacerse de este error en la console del browser?

Angular tiene su propia directiva para img , llamada ng-src :

 <img ng-src="{{imageUrl}}"/> 

ng-src usar ng-src lugar de src en su label <img> .

La documentation dice así,

Usar el marcado angular como {{hash}} en un atributo src no funciona bien: el browser searchá desde la URL con el text literal {{hash}} hasta que Angular reemplace la expresión dentro de {{hash}}. La directiva ngSrc resuelve este problema.

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

¡Espero que esto ayude!