AngularJS不会在img标记内呈现范围

Question

当AngularJS置于<img src=

内时，为什么我的范围变量之一不正确？

例如：这呈现没有任何问题：

{{badge.image}}

outputs = /images/test.png

但这不是：

 <img src='{{badge.image}}' />

输出=％7B％7Bbadge.image％7D％7D

这是怎么回事？

Answer 1

您应该使用ng-src代替：

<img ng-src="{{badge.image}}" />

Answer 2

你必须使用

<img ng-src='{{badge.image}}' />