Angularjs可选择高亮行

Question

您好我有如下表NG-重复

<div ng-repeat ="item in items"> 
    <span>{{item.name}}></span> 
    <span>{{item.age}}></span> 
</div> 

我想要做的就是 每一行与鼠标悬停高亮显示，点击路过的项目进行进一步的处理。

请让我知道我可以做到这一点

Answer 1

• 要突出鼠标悬停你可以使用：悬停CSS选择器
• 要通过项目进行进一步的处理，你可以使用ngclick

CSS

.hoverme:hover 
{ 
background-color:yellow; 
} 
.clicked 
{ 
background-color:green; 
} 

JS

<div class="hoverme" ng-repeat ="item in items" ng-click="doSomething(item)" ng-class="{clicked:rowClicked==item}"> 
    <span>{{item.name}}></span> 
    <span>{{item.age}}></span> 
</div> 

更新

例plunker