我是 AngularJS 的新手。我正在尝试显示一个表，其中包含从数据库读取的一些数据。我从数据库收到的数据之一称为 IS_LOCKED。如果是 1，我想显示锁定的挂锁的图像，否则显示未锁定的挂锁的图像。
如果我在写出“LOCKED”和“UNLOCKED”的 Angular 执行以下操作，则输出表是正确的:
<tr ng-repeat="x in retData.projects | orderBy:'NAME'">
<td>{{ x.NAME }}</td>
<td>{{ x.IS_LOCKED==1 ? "LOCKED" : "UNLOCKED" }}</td>
</tr>
如果我执行 if 语句并打印出 url，它不起作用......我得到代码并显示两个图像，即:“{{ x.IS_LOCKED===1 ？(锁定的挂锁)图片此处):(解锁的挂锁图片此处)}}"
<tr ng-repeat="x in retData.projects | orderBy:'NAME'">
<td>{{ x.NAME }}</td>
<td>{{ x.IS_LOCKED==1 ? <img src=./images/padlock_locked.png width=20 height=20> : <img src=./images/padlock_unlocked.png width=20 height=20>}}</td>
</tr>
尝试做一些 ng-switch 和其他事情，但不断出现编译错误。抱歉， Angular 新手...不确定我是否正确执行此操作。有人知道该怎么做吗？
最佳答案
使用ng-src
<td><img ng-src="{{(x.IS_LOCKED == 1) ? './images/padlock_locked.png' : './images/padlock_unlocked.png'}}" width=20 height=20></td>
关于javascript - angularjs:用于显示一张图像与另一张图像的 if 语句，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27893485/