How to highlight a selected row in ngRepeat?

by

Each row has an ID. All you have to do is to send this ID to the function setSelected(), store it (in $scope.idSelectedVote for instance), and then check for each row if the selected ID is the same as the current one. Here is a solution (see the documentation for ngClass, if needed):

$scope.idSelectedVote = null;
$scope.setSelected = function (idSelectedVote) {
   $scope.idSelectedVote = idSelectedVote;
};

<ul ng-repeat="vote in votes" ng-click="setSelected(vote.id)" ng-class="{selected: vote.id === idSelectedVote}">
    ...
</ul>

Plunker

More Related Contents:

  1. How to iterate over the keys and values with ng-repeat in AngularJS?
  2. How to make ng-repeat filter out duplicate results
  3. AngularJS For Loop with Numbers & Ranges
  4. Calculating sum of repeated elements in AngularJS ng-repeat
  5. Difficulty with ng-model, ng-repeat, and inputs
  6. Angular ng-repeat add bootstrap row every 3 or 4 cols
  7. passing 2 $index values within nested ng-repeat
  8. ng-repeat filtering data by date range
  9. Preserve line breaks in angularjs
  10. How to use ng-repeat for dictionaries in AngularJs?
  11. Directive isolate scope with ng-repeat scope in AngularJS
  12. AngularJS: ng-repeat list is not updated when a model element is spliced from the model array
  13. Ng-click doesn’t work inside ng-repeat
  14. AngularJS – How can I reference the property name within an ng-Repeat
  15. AngularJS : ng-repeat filter when value is greater than
  16. When not to use ‘track by $index’ in an AngularJS ng-repeat?
  17. AngularJS Group By Directive without External Dependencies
  18. Angular orderBy number sorting as text in ng-repeat
  19. Using comma as list separator with AngularJS
  20. How to use “ng-repeat” within template of a directive in Angular JS?
  21. AngularJs Remove duplicate elements in ng-repeat
  22. Using ng-repeat to generate select options (with Demo)
  23. Using ng-if as a switch inside ng-repeat?
  24. What is `priority` of ng-repeat directive can you change it?
  25. shuffle array in ng-repeat angular
  26. ng-repeat specify a starting index
  27. angularjs text area character counter
  28. Binding inputs to an array of primitives using ngRepeat => uneditable inputs
  29. Angular ng-click event delegation
  30. Highlighting a filtered result in AngularJS

Leave a Comment