angular-ui - 我可以使用 Angular UI Accordion 单击标题上的任意位置吗？

Question

我正在使用 Angular UI Accordion ，它效果很好。唯一的问题是你必须点击文本，这似乎是一次非常糟糕的体验。有谁知道如何单击标题中的任意位置并切换它？

更新

我仍在努力，到目前为止，您似乎需要编辑 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>