使用三个不同的手风琴时 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}