Angularjs可选择突出显示的行

时间:2014-07-01 00:56:04

标签: javascript jquery angularjs

嗨我在ng-repeat中有下表

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

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

请告诉我如何实现这一目标

1 个答案:

答案 0 :(得分:5)

  • 要在鼠标悬停时突出显示,您可以使用:hover CSS Selector
  • 要将项目传递给进一步处理,您可以使用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