Angularjs Dynamic Image Sources

I have the above image tag where the src is in the scope but when I look at the browser console log it shows the following Resource interpret

Solution 1:

Use ng-src to avoid strange undeliverable requests being made by browser.

Once the expression in ng-src is resolved, it will update the src for the tag,

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