AngularJS ng-repeat 및 jQuery 아코디언

Question

AngularJS ng-repeat 및 jQuery 아코디언 위젯을 사용하여 아코디언 트리 메뉴를 만들려고합니다. 여기에 지금까지 무엇을 가지고 :

<div> 
    <div ng-controller="PersonFavoritesController"> 
     <ul> 
      <li ng-repeat="item in favorites.Folders"> 
       <div class="folder-toggle"> 
        <h3> 
         <i class="fa fa-folder"></i>         
         {{item.FolderLabel}} 
        </h3> 
        <div> 
         {{item.Folders.length}}<br /> 
        </div> 
       </div> 

      </li> 
      <li ng-repeat="item in favorites.CurrentItems"> 
       {{item.ItemLabel}} 
      </li> 
     </ul>    
    </div> 
</div> 

JS

$(document).ready(function() { 

     $(".folder-toggle").accordion({ 
      collapsible: true, 
      active: false 
     }); 

트리 메뉴가 표시

HTML을하지만, 확장 또는

Answer 1

업데이트를 축소 할 수 없습니다 스크립트

$(document).ready(function() { 

     $('ul').on('.folder-toggle',function(){ 
      $(this).accordion({ 
       collapsible: true, 
       active: false 
      }); 
     }); 
}); 

Answer 2

애드 인 내 컬렉션 시계는 나를 위해 일했다 :

$scope.$watch('favorites',function(){ 
    $(element).accordion(); 
}); 

저는 전문가가 아니기 때문에 2 센트입니다.