为什么引导手风琴不能正确显示？答案

【问题标题】：Why bootstrap accordion not displayed properly?为什么引导手风琴不能正确显示？
【发布时间】：2016-05-07 14:30:58
【问题描述】：

在这里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 库时手风琴不能正确显示吗？

【问题讨论】：

您在 1.3.2 中遇到了哪个错误？
我没有收到任何错误
@PareshGami 我更新了我的提琴手

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

【解决方案1】：

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

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

这是一个小提琴，您需要一个 angular 1.4.x 或更高版本才能使用 angular-bootstrap 1.3.2。它还需要一些依赖，例如ngAnimate

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

【讨论】：

【解决方案2】：

Paulo 是正确的 - angular 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

【讨论】：