AngularJs:更新列表值时,嵌套UI引导程序手风琴不工作

AngularJs:更新列表值时,嵌套UI引导程序手风琴不工作,angularjs,angularjs-ng-repeat,angular-ui-bootstrap,accordion,ng-repeat,Angularjs,Angularjs Ng Repeat,Angular Ui Bootstrap,Accordion,Ng Repeat,我通过ng repeat生成“ui引导手风琴”。我希望动态更新列表的upddate值。但当我更新嵌套列表值时,second accordion不起作用 <uib-accordion close-others="oneAtATime"> <uib-accordion-group heading="{{prInfo.name}}" data-ng-repeat="(a,prInfo) in allPersonInfoNames | f

我通过
ng repeat
生成“ui引导手风琴”。我希望动态更新列表的upddate值。但当我更新嵌套列表值时,
second accordion
不起作用

    <uib-accordion close-others="oneAtATime">
        <uib-accordion-group heading="{{prInfo.name}}"
            data-ng-repeat="(a,prInfo) in allPersonInfoNames | filter:prSearchFilter">
            Below iss the inner accordion
            <uib-accordion close-others="oneAtATime">
                <uib-accordion-group heading="Static Payroll Header, inner accordion"
                    data-ng-repeat="(b,payroll) in prInfo.banks">
                    This content is straight in the template.
                </uib-accordion-group>
            </uib-accordion>

        </uib-accordion-group>
        <uib-accordion-group heading="{{group.title}}" ng-repeat="group in groups1">
            {{group.content}}
        </uib-accordion-group>
    </uib-accordion>
更改后,嵌套的手风琴不工作,第一个手风琴不打开,第二个手风琴不生成

如果我将所有accrodion设置为打开,两个accordion都能正常工作,但当我想打开其中一个时,问题再次出现


我用bootstrap手风琴解决了这个问题,但又出现了这个问题。

我通过两个步骤解决了这个问题

首先将
ui引导程序的版本从
0.3
更新到
2.3.1
,然后将specifie
添加到每个
accordion

            <uib-accordion close-others="oneAtATime1">
                <div uib-accordion-group class="panel-default" is-open="prInfo.isOpen" heading="{{prInfo.name}}"
                     ng-repeat="prInfo in allPersonInfoNames">
                    <uib-accordion close-others="oneAtATime2">
                        <div uib-accordion-group class="panel-default" heading="{{payroll.logPeriod.name}}"
                             is-open="payroll.isOpen"
                             ng-repeat="payroll in prInfo.payrolls">
                            <div class="row">
                                <div class="col-md-4">
                                    <h1>in nested accordion</h1>
                                </div>
                            </div>
                        </div>
                    </uib-accordion>
                </div>
            </uib-accordion>

嵌套手风琴

任何plunker或JSFIDLE可以查看完整代码吗?@YaserAdelMehraban我尝试添加plunker。@YaserAdelMehraban当我尝试添加plunker时,我发现了问题。问题是“ui引导”的版本,我将版本从0.3更改为2.3.1,错误已修复。
            <uib-accordion close-others="oneAtATime1">
                <div uib-accordion-group class="panel-default" is-open="prInfo.isOpen" heading="{{prInfo.name}}"
                     ng-repeat="prInfo in allPersonInfoNames">
                    <uib-accordion close-others="oneAtATime2">
                        <div uib-accordion-group class="panel-default" heading="{{payroll.logPeriod.name}}"
                             is-open="payroll.isOpen"
                             ng-repeat="payroll in prInfo.payrolls">
                            <div class="row">
                                <div class="col-md-4">
                                    <h1>in nested accordion</h1>
                                </div>
                            </div>
                        </div>
                    </uib-accordion>
                </div>
            </uib-accordion>