javascript - 使用三种不同的 Accordion 时，ng-repeat selected row css

Question

我有三个 java 脚本对象，它们填充了 3 个不同的 Accordion 。 var a[](填充 accordion a); var b[](填充 Accordion b)； var c[](填充 accordion c); 当在任何 Accordion 中选择任何一行时，我想更改所选行的 CSS。当我有来自三个不同对象的数据时，如何切换(删除背景颜色和添加背景颜色)？

任何关于如何在 angularjs 中解决这个问题的建议都将不胜感激。

谢谢!

Answer 1

由于没有提供 html，这里有一个非常简单的示例，使用 ng-click 选择元素，并根据所选元素使用 ng-class

Controller

$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}