当使用三种不同的手风琴时，ng-repeat选择行css

Question

我有三个java脚本对象，用于填充3种不同的手风琴。 var a []（填充手风琴a）; var b []（填充手风琴b）; var c []（填充手风琴c）; 我希望在任何手风琴中选择任何一行时更改所选行的CSS。当我有来自三个不同对象的数据时，如何切换（删除背景颜色和添加背景颜色）？

如何在angularjs中解决这个问题的任何指示都将受到高度赞赏。

谢谢！

Answer 1

由于这里没有提供html，这是一个使用ng-click选择项目的简单示例，ng-class依赖于所选项目

控制器

$scope.items=[/* data objects */];
$scope.selected = null;
$scope.selectItem = function(item){
  $scope.selected = item;
}

查看

<div ng-repeat="item in items" 
     ng-click="selectitem(item}" 
     ng-class="{selected: selectedItem == item}">
      {{item.someprop}}
</div>

CSS

div.selected { background:yellow}