这里fiddle我使用angular-ui库0.14.2版本实现了accordion:
HTML视图:
<div ng-controller="AccordionDemoCtrl">
<accordion close-others="oneAtATime">
<accordion-group heading="{{group.title}}" ng-repeat="group in groups">{{group.content}}</accordion-group>
</accordion>
</div>
并且它的工作正常,但是当我使用它与angular-ui库1.3.2版本时,fiddle手风琴无法正确显示。
当我使用更新的angular-ui库时,知道为什么手风琴不能正常显示?
答案 0 :(得分:2)
也许是因为你没有使用相应的标签&#39>
<uib-accordion close-others="oneAtATime">
<uib-accordion-group heading="{{group.title}}" ng-repeat="group in groups">
{{group.content}}
</uib-accordion-group>
</uib-accordion>
这里是一个小提琴,你需要一个角度为1.4.x或更高版本的版本才能使用angular-bootstrap 1.3.2。它还需要一些依赖,如ngAnimate
答案 1 :(得分:1)
保罗是正确的 - 也是角度ui 1.3.2需要angular 1.4.x
或更高。
这样做:
<uib-accordion close-others="oneAtATime">
<uib-accordion-group heading="{{group.title}}" ng-repeat="group in groups">
{{group.content}}
</uib-accordion-group>
并相应地更新您的角度版本。
这是一个有效的Fiddle