Javascript Accordion指令,选项卡未关闭请勿单击

Javascript Accordion指令,选项卡未关闭请勿单击,javascript,angularjs,angularjs-directive,angular-ui-bootstrap,accordion,Javascript,Angularjs,Angularjs Directive,Angular Ui Bootstrap,Accordion,我正在使用UI Boostrap将所有bootstrap.js组件替换为相应的angular组件。到目前为止还不错,但我无法确定只打开活动选项卡,而关闭其余选项卡。谢谢你的一切帮助 HTML代码 <!-- Accordion --> <uib-accordion ng-repeat="task in activeTasks track by $index"> <div ng-include="'assets/views/task_list.h

我正在使用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>

{{task.title}}
{{task.description}
演示:
什么是一次性


难道你不想说什么是一次性的吗


您是否只想说
close others=“true”

您的
ng repeat
指令正在为每个任务生成一个新的
元素。
您需要一个包含多个
元素的
元素(每个任务一个)。

您的
ng repeat
指令正在为每个任务生成一个新的
元素。
您需要一个包含多个
元素(每个任务一个)的
元素。

将任务列表的内容直接放入html代码中,而不使用ng include时是否有效?@SPARTAKALAJ,尝试过了,没有任何更改。将任务列表的内容直接放入html代码中时是否有效,没有使用ng include?@spartaklaj,尝试过,但没有更改。很抱歉,不应该在那里,我已经编辑了代码。设置
close others=“true”
无效。有没有我缺少的一些JS?对不起,不应该有,我已经编辑了代码。设置
close others=“true”
无效。我缺少一些JS吗?谢谢,就是这样。谢谢,就是这样。