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