AngularJS sorgenti di immagini dinamiche

Question

<img src="{{ twt.display }}"/> 

ho il tag immagine qui sopra dove lo src è nel campo di applicazione, ma quando guardo la console del browser accedo mostra il seguente

Risorsa interpretato come immagine, ma trasferito con MIME digitare text/html: "http://example.com/%7B%7Btwt.display%7D%7D".

Le immagini si mostrano come previsto ma volevo sapere se c'era un modo per fermare la visualizzazione di questo messaggio?

Answer 1

Utilizzare ng-src per evitare strane richieste non recapitabili effettuate dal browser.

Una volta che l'espressione in ng-src viene risolto, si aggiornerà la src per il tag,

<img ng-src="{{twt.display}}"/>