AngularJS 动态图片源

【问题标题】：AngularJS dynamic image sourcesAngularJS 动态图片源
【发布时间】：2014-08-26 19:53:27
【问题描述】：

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

我有上面的图像标签，其中 src 在范围内，但是当我查看浏览器控制台日志时，它显示以下内容

资源解释为图像，但使用 MIME 类型传输文本/html：“http://example.com/%7B%7Btwt.display%7D%7D”。

图像确实按预期显示，但我想知道是否有办法阻止此消息出现？

【问题讨论】：

【解决方案1】：

使用ng-src 避免浏览器发出奇怪的无法送达的请求。

一旦ng-src中的表达式被解析，它将更新标签的src，

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

【讨论】：