AngularJS ng-repeat和jQuery手风琴

Question

我正在尝试使用AngularJS ng-repeat和jQuery accordion widget创建一个手风琴树菜单。以下是我到目前为止的情况：

HTML

<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
        });

显示树状菜单，但无法展开或折叠

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美分。