0

我对 Angular UI Bootstrap Accordion 非常满意,但是在创建没有主体的 Accordion Group 时遇到了问题。手风琴总是会产生一个空的身体,我找不到阻止这种情况的方法。有没有办法阻止手风琴体的创建,或者手风琴组可以以不可扩展的方式创建?

举个例子

4

1 回答 1

1

手风琴指令

手风琴指令建立在折叠指令之上以提供项目列表,通过单击项目的标题可以折叠或展开可折叠的主体。

正如我在评论中所说,只需使用 Collapse 指令并将其设置为手风琴。

更新:

没有完美的风格,但试试这个

HTML

<div ng-controller="CollapseDemoCtrl">
  <div class="accordion-group" ng-click="isCollapsed = !isCollapsed">
    <div class="accordion-heading">
      <a class="accordion-toggle">Group with body</a>
    </div>
  </div>
  <div collapse="!isCollapsed" class="collapse">
    <div class="well well-large">Some content</div> 
  </div>
</div>

控制器

function CollapseDemoCtrl($scope) {
  $scope.isCollapsed = false;
}

plunkr

于 2013-07-28T10:54:41.287 回答