AngularJS Example:
by Anderson Carlos Woss
HTML
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div ng-app>
<table ng-controller="TodoCtrl">
<thead>
<td>#</td>
<td>Nome</td>
</thead>
<tbody>
<tr ng-repeat="dado in dados" ng-class="{hover: (dado.id == id)}" ng-mouseover="id = {'valor': dado.id}">
<td>{{ dado.id }}</td>
<td>{{ dado.nome }}</td>
</tr>
</tbody>
</table>
</div>
CSS
.hover {
background-color: green;
}
JavaScript
function TodoCtrl($scope) {
$scope.id = {valor: 0};
$scope.dados = [
{id: 1, nome: 'Nome completo da pessoa 1'},
{id: 1, nome: 'Nome completo da pessoa 2'},
{id: 2, nome: 'Nome completo da pessoa 3'},
{id: 2, nome: 'Nome completo da pessoa 4'},
{id: 1, nome: 'Nome completo da pessoa 5'}
];
$scope.selecionar = function(id) {
$scope.id = id;
};
}