3つの異なるアコーディオンを使用する場合、ng-repeatが選択された行css

Question

3つの異なるアコーディオンを設定する3つのJavaスクリプトオブジェクトがあります。 var a []（アコーディオンaに入力）; var b []（アコーディオンbを読み込みます）; var c []（アコーディオンcを読み込みます）; 任意の1つの行が任意のアコーディオンで選択されている場合、選択した行のCSSを変更したいと考えています。 3つの異なるオブジェクトのデータがある場合、どのようにトグル（背景色を削除し、背景色を追加する）しますか？

anglejsでこれを解決する方法についてのあらゆる指摘が高く評価されます。

ありがとうございます！

Answer 1

HTMLコードが項目を選択するためのng-clickを使用して、非常に簡単な例だと、選択した項目

コントローラ

$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

に依存 ng-classここに提供されなかったので、

div.selected { background:yellow}