为什么 bootstrap 手风琴显示不正确？

Question

这里 fiddle 我使用 angular-ui 库 0.14.2 版本实现手风琴：

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 库时手风琴无法正确显示吗？

Answer 1

可能是因为你没有使用相应的标签

<uib-accordion close-others="oneAtATime">
    <uib-accordion-group heading="{{group.title}}" ng-repeat="group in groups">
      {{group.content}}
    </uib-accordion-group>
</uib-accordion>

这里是 fiddle，您需要 angular 1.4.x 或更高版本才能使用 angular-bootstrap 1.3.2 .它还需要一些依赖性，例如 ngAnimate

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

Answer 2

Paulo 是正确的 - 还有 angular ui 1.3.2 requires 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>

并相应地更新您的 angular 版本。

这是一个有效的Fiddle