Ng - インデックス付きインデックス -

Question

ng-repeat（クラスサムネイル付き）で作成されたカードがいくつかあります。それぞれのカードの背景色を変更したいのですが、ng-mouseenterを使用しています。 ng-repeatのインデックスプロパティを使用することはできませんでした。マウスがアクティブになっているときに1つのカードだけが影響を受けるはずです。

<div class="thumbnail" ng-style="venuescardColour" ng-mouseenter="changeVenuesColor($index,true)" ng-mouseleave="changeVenuesColor($index,false)"> 


$scope.changeVenuesColor = function(loc,bool) { 
     if(bool === true) { 
       $scope.venuescardColour = {background: 'red'}; 
     } else if (bool === false) { 
       $scope.venuescardColour = {background: 'white'}; 
     } 
    }; 

Answer 1

なぜ単純なCSSを使用しませんか？

.thumbnail { 
    background: white; 
} 
.thumbnail:hover { 
    background: red; 
}