AngularJS:if 语句，用于显示一个图像与另一个图像

angularjs: if statement for displaying one image versus another

本文关键字：图像 一个 另一个 if 语句 显示 用于 AngularJS      更新时间：2023-09-26

我是AngularJS的新手。 我正在尝试显示一个包含从数据库读取的一些数据的表。我从DB收到的一条数据称为IS_LOCKED。 如果为 1，我想显示锁定挂锁的图像，否则显示未锁定挂锁的图像。

如果我在 angular 中执行以下操作，写出"LOCKED"和"UNLOCKED"，则输出表是正确的：

    <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和其他事情，但不断出现编译错误。 对不起，刚接触角度...不确定我是否正确执行此操作。 有人知道如何做到这一点吗？

使用 ng-src

<td><img ng-src="{{(x.IS_LOCKED == 1) ? './images/padlock_locked.png' : './images/padlock_unlocked.png'}}" width=20 height=20></td>
相关文章：