为什么bootstrap手风琴没有正确显示?

时间:2016-05-07 14:30:59

标签: angularjs twitter-bootstrap twitter-bootstrap-3 angular-ui-bootstrap

这里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库时,知道为什么手风琴不能正常显示?

2 个答案:

答案 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

http://jsfiddle.net/68gk8/228/

答案 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