ng-repeatのクリックでイメージを変更するにはどうすればいいですか？

Question

テーブル内の特定の行をクリックした後に画像を変更したいです。次のコードでは です。ng-repeat.insideテーブルのデータを使用しています。 私の問題は、時間に1つの画像だけを表示する方法です。テーブルのデータアイコンをクリックすると、画像全体に変更されますが、特定の行に変更されます。 私の問題は、クリックすると画像を変更（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

NG-ショー didntの仕事の値を仮定しています。使用する場合は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> 

Answer 2

あなたはcamName.idが実際にonline_offlineとonline_offlineを持っている場合、それが動作する代わりに

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

これを使用することができます。それは、独自のスコープと自身の$アニメーションサービスを持っているので、私はちょうどcamName.id