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>