【问题标题】: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

    【讨论】:

      猜你喜欢
      • 2022-08-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多