變化自舉在角JS應用上懸停3面板型

Question

在角JS 1.3應用使用自舉3，如何改變鼠標懸停在面板型

<div class="panel panel-default> to <div class="panel panel-info> 

由於

Answer 1

嘗試此

<div class="panel panel-default" 
    ng-class="{panel-info: hover}" 
    ng-mouseenter="hover = true" 
    ng-mouseleave="hover = false"> 
</div> 

Answer 2

你可以用簡單的jQuery實現這一目標對捕鼠，在增加新的類，並取消對鼠標移開

$(".panel") 
    .mouseover(function() { 
    $(this).addClass('panel-info'); 
    }) 
    .mouseout(function() { 
    $(this).removeClass('panel-info'); 
    }); 

https://jsfiddle.net/ShirishDhotre/4khoydbe/