Question

我想在单击表格中的特定行后更改图像在下面的代码我使用ng-repeat.inside表数据我使用了两个图像标记。现在我的问题是如何只显示一个图像，并且在点击表数据图标后应该更改为拍摄图像，但是对于特定的行。我的问题是，当我改变图像（使用ng-show）点击它更改所有表数据image.i想要更改特定的表数据图像。提前致谢

 <tr  ng-repeat="camName in jsonObj2.body.response.cam" >

                <td     ng-click=checkBoxImage()>
                    <img  ng-src="checkbox_unchecked.png"/>
                    <img  ng-src="checkbox_checked.png"/>
                        {{camName.name}}
                </td>
            </tr>

Answer 1

你可以改用

<img ng-src="{{camName.id == 'online_offline' && 'icon1.png' || 'icon2.png'}}"/

如果camName.id实际上有online_offline和online_offline，则会有效。我刚刚假设了camName.id

的值

Answer 2

ng-show 没有用，因为它有自己的范围和自己的$ animate服务。您可以使用 ng-if 进行使用，并且不得更新表格数据。

<td     ng-click=checkBoxImage()> //set checked value in the $scope of //controller.js
                    <img  ng-if="checked==false" ng-src="checkbox_unchecked.png"/>
                    <img  ng-if="checked==true" ng-src="checkbox_checked.png"/>
                        {{camName.name}}
                </td>

如何更改ng-repeat中的点击图像？

2 个答案: