AngularJS动态图像源

时间:2014-07-06 01:07:42

标签: javascript angularjs

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

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

  

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

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

1 个答案:

答案 0 :(得分:45)

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

解决ng-src中的表达后,它会更新代码的src

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