javascript - Angular : toggle image on ng-repeat

我使用 ng-repeat 来显示所有数据，并且我有要切换的图像，但我发现当我选择特定图像来切换表切换中存在的所有图像时

我知道可以使用索引，但不知道如何实现

HTML

<tr ng-repeat="val in values">
    <td ng-bind="$index"></td>
    <td ng-bind="val.rec">ED1500322</td>
    <td><img ng-src="{{firstimage}}" height="22" width="22" ng-click="playStart($index)"></td>
    <td ng-bind="val.result">I am going to School</td>
    <td>
      <div class="radio">
        <input ng-model="val.iscorrect" value="yes" type="radio">
        <label for="opt1">yes</label>
        <input ng-model="val.iscorrect" value="no" type="radio">
        <label for="opt10">no</label>
      </div>
    </td>
  </tr>

笨蛋http://plnkr.co/edit/4A1JuStU0LFe35Pzrblv?p=preview

如果只切换所选图像，我将非常感激

提前致谢

最佳答案

如果任何时候只能播放一个项目(我认为)，最简单的方法就是在您的范围中存储该项目的索引。

然后，您只需从 HTML 检查任何项目的 $index 是否等于存储的，即可知道要显示哪张图像。

这是一个带有一种可能解决方案的 plunkr:

http://plnkr.co/edit/z7qwmjBqPZFROkIgqQTD?p=preview

关于javascript - Angular : toggle image on ng-repeat，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37328398/