ng-repeat выбранной строки css при использовании трех разных аккордеонов

Question

ng-repeat выбранной строки css при использовании трех разных аккордеонов

0

У меня есть три объекта java-script, которые заполняют 3 разных аккордеона. var a [] (заполняет аккордеон a); var b [] (заполняет аккордеон b); var c [] (заполняет аккордеон c); Я бы хотел изменить CSS выбранной строки, если какая-либо одна строка выбрана в любом аккордеоне. Как переключить (удалить цвет фона и добавить цвет фона), когда у меня есть данные из трех разных объектов?

Любые указатели на то, как решить это в angularjs, будут высоко оценены.

Благодарю!

Lissa 23 май 2016, в 05:10

Источник

0

Я думаю, вам придется сбросить 2 других аккордеона по коду при выборе одного.
Icycool 23 май 2016, в 03:26

Теги:

javascript

angularjs

object

json

css

1 ответ

Ещё вопросы

Я думаю, вам придется сбросить 2 других аккордеона по коду при выборе одного.

charlietfl · Answer 1 · 2016-05-23T01-33-00.000Z

Поскольку 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}

Будет ли это работать, когда у меня есть три разных div с ng-repeat? В моем сценарии использования у меня есть три разных ng-повтора, которые получают данные из своих специфических объектов javascript. Но загвоздка в том, что когда одна строка в div1 выбрана, все остальные строки div должны быть отменены и аналогично.
Нужно показать свою структуру шаблона в вопросе, а не просто говорить о том, что у вас есть