2015-02-16 2 views
0

Я пытаюсь сделать аккордеон jQuery из Угловой директивы JS ng-repeat. Код не соответствует примеру в jQuery UI, и он не работает. Элемент с ng-repeat, похоже, испортил его. Я хочу, чтобы h3 назывался заголовком, а div ниже - содержимым. Повторите для каждого параметра details.dataset. Я пробовал без команды Ang JS, и он работает, поэтому библиотеки javascript загружаются правильно.jQuery Accordion and Angular JS

$(document).ready(function() { $("#myAccordion").accordion(); }) 

<div id="myAccordion"> 
    <div class="dockListing" ng-repeat="data in details.dataset"> 
     <h3>{{data.name}}</h3> 
     <div> 
      <p><strong>Data 1:</strong>  
       {{data.content}} 
      </p> 
     </div> 
    </div> 
</div> 
+0

Вы не можете смешивать этот путь - вам следует написать новую директиву. –

ответ

2

здесь $ (документ) .ready раздел (...) загружается первым и организует все, что он получает внутри «#myAccordion» ДИВ в гармошку format.And то «нг-повтор» происходит и получает «details.dataset». Итак, сначала убедитесь, что «details.dataset» прибывает первым, а затем «**** $ (« # myAccordion »). accordion(); ****» срабатывает. Для этого вы можете использовать функцию setTimeOut (время) или любую функцию обратного вызова.