JSONファイルから画像にNG-マウスオーバーを追加

Question

I follwingコード持っている：私は、マウスを画像の上になったとき、それはグレーの背景を与えるように上にマウスを追加したimgタグで

<div class="container" ng-controller="ListCtrl"> 
<div class="col-md-2-4" ng-class="{'div-hide': index > $index + 1}" ng-repeat="question in questions"> 
    <div>{{question.qid}} {{question.question}} </div> 
    <div class="row"> 
     <div class="col-lg-3 col-md-4 col-s-6 thumb" ng-repeat="image in question.images"> 
        <div ng-mouseover="style={'background-color':'gray','cursor':'pointer'}">     
         <img class="img-responsive " id="{{image.imageid}} " src="{{image.imgpath}} " alt=" " > 
        </div> 
       </div> 

      </div> 


     </div> 
     <div class="keys"> 
      <button type="button " class="btn btn-next " ng-click="index=index < questions.length ? index + 1 : questions.length ">Next</button> 
      <button type="button " class="btn btn-pre " ng-click="index=index> 1 ? index - 1 : 1">Previous</button> 
     {{index}} 
    </div> 
</div> 

をしかしそれは働かない。なぜ誰が知っていますか？

UPDATEEので、それを編集し、divのCSSを追加してみましたが、それが動作するようには思えないアイブ

のいずれか.. HERESに更新plunker .. http://plnkr.co/edit/DqNRnc8xYZn73vdkWjaG?p=previewしてください誰かのhelpp！

Answer 1

は、あなたのCSSにこれを追加します。

#imgbutton:hover, #imgbutton:active { 
    background-color: gray; 
} 

これはホバースタイルを定義するCSSを使用しています。