Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.03.2017, 18:38
Новичок на форуме
Отправить личное сообщение для Ghost_Walker Посмотреть профиль Найти все сообщения от Ghost_Walker
 
Регистрация: 15.03.2017
Сообщений: 2

Аккордеон ng-repeat
Уважаемые форумчане! Помогите пожалуйста с проблемой. Буду очень благодарен
Скрипт аккордеона не работает с ng-repeat, что делать?

У меня есть вот такой html код:
<accordion class="accordion">
<div class="show-info" ng-repeat="rezult in rez" ng-show="true" >
<div class="mini-title"><h2>Info 1</h2></div>
<div class="full-info">Lorem ipsum dolor sit amet.</div>
<div class="info-title"><h2>Info 2</h2></div>
<div class="full-info">Lorem ipsum dolor sit amet.</div>
</div>
</accordion>

К нему я дописываю директиву:
var purchaseApp = angular.module("purchaseApp", []).directive('accordion', function() {
return {
restrict: 'E',
transclude: true,
scope: {},
template: '<div ng-transclude></div>',
link: function(scope, element) {
$(".accordion .full-info").hide().prev().click(function() {
// alert("d");
$(".accordion .full-info").not(this).css('display', 'none');
$(this).next().not(":visible").css('display', 'block');
});
}
};
});
Ответить с цитированием
  #2 (permalink)  
Старый 15.03.2017, 18:52
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

Цитата:
Скрипт аккордеона не работает с ng-repeat
rez нигде не определяется. По undefined циклом пройти нельзя.
Цитата:
что делать?
Забыть про jQuery
Ответить с цитированием
  #3 (permalink)  
Старый 15.03.2017, 19:10
Новичок на форуме
Отправить личное сообщение для Ghost_Walker Посмотреть профиль Найти все сообщения от Ghost_Walker
 
Регистрация: 15.03.2017
Сообщений: 2

Сообщение от destus
rez нигде не определяется. По undefined циклом пройти нельзя.
rez определяется далее в коде. Нужные блоки повторяются определенное количество раз.
Сообщение от destus
Забыть про jQuery
Не подскажите, каким образом тогда реализовать этот аккордеон?
Ответить с цитированием
  #4 (permalink)  
Старый 16.03.2017, 07:06
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

Ghost_Walker,
может что-то из готового взять? https://angular-ui.github.io/bootstrap/#!#accordion
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
аккордеон и куки teddy_spb jQuery 0 10.09.2015 23:03
Нужен скрипт cookies для меню аккордеон AllaWoly Ваши сайты и скрипты 1 05.08.2015 17:10
Связать ползунковый слайдер и аккордеон... All_ex74 Элементы интерфейса 1 31.05.2013 13:20
Аккордеон (сврачивающийся/разворачивающийся) на jquery andreyua Элементы интерфейса 11 11.03.2012 19:09
аккордеон, раскрытие активного пункта меню Moles jQuery 1 21.11.2011 13:24