如何禁用单击手风琴组标题？答案

【问题标题】：How to disable clicking on an accordion group heading?如何禁用单击手风琴组标题？
【发布时间】：2014-03-20 10:09:17
【问题描述】：

This 是手风琴示例here 的精简版。

  <accordion>
    <accordion-group heading="Static Header">
      This content is straight in the template.
    </accordion-group>
  </accordion>

如何禁用单击手风琴组标题。我在手风琴元素和手风琴组元素上尝试了 ng-disabled=true，但它不起作用。

【问题讨论】：

【解决方案1】：

根据消息来源，手风琴组上有一个 isDisabled 属性，用于切换功能。这应该是禁用面板的方法。

切换功能：

scope.toggleOpen = function() {
 if ( !scope.isDisabled ) {
     scope.isOpen = !scope.isOpen;
 }
};

编辑：这不是您使用的 0.10 版本的一部分，因此您必须获取主版本，或者自己进行更改。

【讨论】：

我认为你必须自己制作一个新文件，基于主版本中的 js 文件。 github.com/angular-ui/bootstrap/archive/master.zip 这些指令应该是相互独立的，所以你也可以尝试只使用新版本的手风琴。
您可能必须从 0.10 分钟的文件中删除手风琴。也许从主分支创建一个新的缩小文件是一个更好的主意。
您可以从未缩小的 0.10 版本中删除手风琴部分，用新的手风琴替换它并自己缩小它。我更新了你的 plunker，它可以工作：plnkr.co/edit/6pbQ4zW4zHRy6T3yg9We
在 Tim 编辑的 bootstrap.js 中需要注意的一点是，第 3431 行的小 tweek 使 'isDisabled' 与新的手风琴指令一起工作。

【解决方案2】：

您需要获取最新的 ui-bootstrap 库（尚未发布版本，需要获取 Master）并使用类似的东西

<accordion-group is-disabled="true" heading="Static Header">

这甚至不存在于您在 plnkr 中使用的 0.10.0 中

【讨论】：