手风琴指令，未关闭的选项卡点击

Question

我正在使用 UI Boostrap 将我的所有 bootstrap.js 组件替换为它们各自的 angular 对应组件。到目前为止一切顺利，但我无法弄清楚在其余选项卡关闭时仅保持活动选项卡打开。感谢您提供的所有帮助。

HTML 代码

<!-- Accordion -->
<uib-accordion ng-repeat="task in activeTasks track by $index">          
  <div ng-include="'assets/views/task_list.html'"></div>         
</uib-accordionv>

ng-inlcude: task_list.html

<uib-accordion-group panel-class="panel panel-default">
  <uib-accordion-heading>
    <h4 class="panel-title" role="button" uib-accordion-header>{{task.title}}</h4>
  </uib-accordion-heading>  
  {{task.description}}
</uib-accordion-group>

演示： url

Answer 1

什么是 oneAtATime？

你是不是只想说close-others="true"

Answer 2

您的 ng-repeat 指令正在为每个任务生成一个新的 <uib-accordion> 元素。您需要一个包含多个 <uib-accordion-group> 元素（每个任务一个）的单个 <uib-accordion> 元素。

手风琴指令，未关闭的选项卡点击

Accordion directive, tabs not closing do click

javascript

accordion

angularjs

angularjs-directive

angular-ui-bootstrap