Example of Ng-Mouseleave and Ng-MouseEnter See the code:

<!DOCTYPE html> <html xmlns=""> <head> <title></title> <script src=""></script> <link rel="stylesheet" href=""> </head> <body ng-app="app"> <div ng-controller="myController"> <div class="container"> <div class="row well"> <h2>Mouse enter and leave in the table row</h2> <table class="table"> <tbody> <tr ng-repeat="d in [1,2,3,4,5,6,7]" ng-mouseleave="style={}" ng-mouseenter="style={'background-color':'#5CB85C','color':'white'}" ng-style="style"> <td>{{data}}</td> </tr> </tbody> </table> </div> </div> </div> <script> var app = angular.module("app", []); app.controller('myController', ['$scope', function ($scope) { $ = "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's, a galley of type and scrambled it to make a type specimen book."; }]); </script> </body> </html>