根据angularjs表达式更改img源

Question

所以我试图根据表达式改变图像的来源，看它是否真实。

HTML

<img ng-src="category.content.Value >= category.content.ValueOneWeekAgo ? 
'Images/green_arrow.png' : 'Images/red_arrow.png'" />

这是渲染的html的样子：

<img ng-src="category.content.Value >= category.content.ValueOneWeekAgo ? 'Images/green_arrow.png' : 'Images/red_arrow.png'" 
src="category.content.Value &gt;= category.content.ValueOneWeekAgo ? 'Images/green_arrow.png' : 'Images/red_arrow.png'">

我知道变量包含通过调试确认的值。可能是简单的东西，但我似乎无法弄明白。

Answer 1

您只需切换表达式中的顺序即可使用<代替>=。 您无法使用>=，因为浏览器将其视为html标记的结尾。

<img ng-src="category.content.ValueOneWeekAgo < category.content.Value  ? 'Images/green_arrow.png' : 'Images/red_arrow.png'" >

其他选项是将此代码放在控制器中，并在$scope上发布为新变量。