angularjs - 本文のないAngular UI Bootstrap Accordion Groupを作成するには?

Question

Angular UI Bootstrap Accordion には非常に満足していますが、本文のない Accordion Group を作成するときに問題が発生しました。アコーディオンは常に空のボディを作成しますが、これを防ぐ方法が見つかりませんでした。アコーディオン本体の作成を防ぐ方法はありますか、それとも拡張できない方法でアコーディオン グループを作成できますか?

プランカーと例

Answer 1

アコーディオン指令

アコーディオン ディレクティブは、collapse ディレクティブの上に構築され、アイテムのヘッダーをクリックすることで折りたたまれたり展開されたりする折りたたみ可能なボディを備えたアイテムのリストを提供します。

コメントで述べたように、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;
}

プランカー