Ng -Style与索引

Question

我有一些使用ng-repeat创建的卡片。（带有类缩略图）。我想要的是更改每张卡片的背景颜色。我使用ng-mouseenter并且它有效。但是所有卡片都受到影响背景颜色效果。我无法使用ng-repeat的索引属性。当鼠标处于活动状态时，只有一张卡会受到影响。

<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;
}