css - AngularJS ng-class 不适用于 :hover 伪类

Question

Hover psuedoclass 似乎不适用于 ng-class ...有什么想法吗？这是一个示例：

http://jsfiddle.net/75n6w/11/

<style>
    .orange {color:orange}
    .pointer-hover:hover {
        cursor: hand; cursor: pointer;
    }
</style>
<table ng-app>
    <thead>
        <th></th>
        <th>Orange<br />class</th>
        <th>Rollover<br />psuedoclass</th>
    </thead>
    <tr>
        <td>With class tag</td>
        <td class="orange">Orange</td> 
        <td class="pointer-hover">Hover pointer</td>
    </tr><tr>
        <td>With ng-class tag</td>  
        <td ng-class="{orange: 1==true}">Orange</td>  
        <td ng-class="{pointer-hover: 1==true}">Hover pointer</td>
    </tr>
</table>

Answer 1

看看控制台，你有一个错误。只需用撇号包装您的班级名称：

"{'pointer-hover': 1==true}"

更新小提琴：http: //jsfiddle.net/75n6w/12/