Javascript 自举手风琴内模态只工作的第一次

我有一个引导模式窗口，里面有一个手风琴（面板组）和一个角度ng重复，见下面的代码。第一次打开模态后，一切正常，但如果我关闭模态，下次手风琴停止工作。请帮忙

谢谢

<div class="modal-body">
            <div class="panel-group" id="accordion">
                <div class="panel panel-default" ng-repeat="p in persons">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion" href="#{{p.Id}}">
                                <strong>Name:</strong> {{p.Name}}
                                <strong>Birthdate:</strong> {{p.BirthDate}}
                                <strong>Sex:</strong> {{p.Sex}}
                            </a>
                        </h4>
                    </div>
                    <div id="{{p.Id}}" class="panel-collapse collapse" ng-repeat="o in p.Orders">
                        <div class="panel-body">
                            <div class="col-sm-8">
                                <strong>Date:</strong> {{o.Date | date:'MM/dd/yyyy'}}<br />
                                <strong>Description:</strong> {{o.Description}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

日期：{{o.Date |日期：'MM/dd/yyyy'}}

说明：{{o.Description}

尝试使用UI引导。请参阅此“尝试使用UI引导”。看到这个了吗