如何禁用点击手风琴组标题？

Question

这是这里的手风琴示例的缩减版本.

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

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

Answer 1

根据源代码,accordeon组上有一个isDisabled属性,用于切换功能.这应该是禁用面板的方法.

https://github.com/angular-ui/bootstrap/blob/master/src/accordion/accordion.js

切换功能:

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

编辑:这不是您正在使用的0.10版本的一部分,因此您必须获得主版本,或自己进行更改.

Answer 2

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

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

您在plnkr中使用的0.10.0中甚至没有提供此功能