javascript - 如何使用 HTML 中的 if 语句将图像添加到表格中？

Question

我得到了这样的东西:

<tr bgcolor="lightgrey">
  <th>ID</th>
  <th>Name</th>
</tr>
<tr ng-repeat="s in schools| filter:searchField | orderBy:'schoolId'"
    ng-click="selectSchool(s, $index)"
    ng-class="getSelectedClass(s)">
  <td>{{s.schoolId}}</td>
  <td>{{s.schoolName}}</td>
</tr>

好吧，现在学校有一个 int 参数，现在我想添加一个简单的图像(绿色和/或红点)到我的表中......但如果参数为 0，它应该是红点，否则它应该是绿色的...

那么是否有可能用 Angular 中的 if 语句来做到这一点？如果是，我需要它是可点击的，所以一旦我按下红点，它应该变成绿色，反之亦然。

Answer 1

Use ng-if="parameter === 0"

    <img> red dot image

ng-if="parameter!==0"

    <img> green dot image

或者你也可以这样做

<img ng-src="{{parameter===0?'reddotsrc' : 'greendotsrc'}}" ng-click="parameter!=parameter">

如果参数为 0，则切换为 1；如果为 1，则切换为 0。