javascript - Angularjs可选择突出显示的行

Question

嗨，我在 ng-repeat 中有下表

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

我想做的是 鼠标悬停的每一行都会突出显示并可单击以将项目传递给进一步处理。

请告诉我如何实现这一点

Answer 1

• 要在鼠标悬停时突出显示，您可以使用 :hover 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