将 ng-click 属性添加到手风琴组的 header 值

Question

我正在尝试跟踪用户单击 bootstrap 手风琴的 header 的顺序。我在尝试向重复的 accordion-group 添加 ng-click 属性时遇到了麻烦运行。我试图将点击区域限制为 header 文本，而不是整个组。我认为执行此操作的一个好方法是将点击 $event 传递给 ng-click 函数，但它不起作用。

这是一个带有损坏的 ng-click 属性的 Plunker：

http://plnkr.co/edit/yOTRVRjxRDTlnZ9Qwsk4?p=preview

谁能帮我找出解决这个问题的最佳方法Angular？

Answer 1

您可以将 accordion-heading 用于自定义 header。

示例如下：

<accordion-group close-others={{oneAtATime}} ng-repeat="(key, value) in groupedByCategory" is-open="value.open" >
    <accordion-heading>
       <a ng-click="clickTrack($event)">{{key}}</a> 
    </accordion-heading>
    <div ng-repeat="c in value | orderBy: 'rating'">
      <input type="radio" name="Category" value="{{c.name}}-{{key}} "> {{c.name}} | {{c.rating}}
    </div>
  </accordion-group>

将 ng-click 属性添加到手风琴组的 header 值

Adding a ng-click attribute to the header value of an accordion group

angularjs

mouseevent

angularjs-ng-click