我可以使用Angular UI手风琴点击标题上的任何位置吗？

Question

我正在使用Angular UI手风琴，效果很好。唯一的问题是你必须点击文本，这似乎是一个非常糟糕的经历。有没有人知道如何点击标题中的任何地方并让它切换？

更新

我仍在努力，到目前为止您似乎需要编辑template HTML directly。

<a class="accordion-toggle" ng-click="toggleOpen()" accordion-transclude="heading">

我试图通过在指令上创建ng-click来避免这种情况，但是，这不起作用。

<accordion-group heading="Company" data-ng-click="toggleOpen()">

Answer 1

您所要做的就是将标签的内容包含在div中。

 <accordion>
    <accordion-group is-open="status.open">
      <accordion-heading>
      <div>
        Accordion Title
        <i class="pull-right glyphicon"
          ng-class="{'glyphicon-chevron-down': status.open,
          'glyphicon-chevron-right': !status.open}">
        </i>
      </div>
      </accordion-heading>
      Accordion Contents
    </accordion-group>
 <accordion>

Answer 2

我最终使用bootstrap可折叠而不是手风琴。我发现手风琴控制器远远不够。