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

Question

This是手风琴示例here的缩减版。

  <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中甚至不存在