将ng-click属性添加到accordion组的标头值

时间:2015-01-15 17:58:57

标签: angularjs mouseevent angularjs-ng-click

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

这是一个具有损坏的ng-click属性的Plunker:

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

有人可以帮我找出解决此问题的最佳 Angular 方法吗?

1 个答案:

答案 0 :(得分:2)

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

以下是样本:

<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>