javascript - 在 Angular 中处理 Accordion 的打开/折叠事件

Question

如果我有这段代码:

<accordion-group heading="{{group.title}}" ng-repeat="group in groups">
      {{group.content}}
</accordion-group>

使用 AngularJS、angular-ui 和 Twitter Bootstrap，是否可以让 Accordion 在打开时调用一些 Action ？我知道我不能简单地添加 ng-click，因为它在“编译”为 HTML 后已经用于打开/折叠组。

Answer 1

Accordion 组还允许 Accordion 标题指令，而不是将其作为属性提供。您可以使用它，然后使用 ng-click 将 header 包装在另一个标签中。

<accordion-group ng-repeat="group in groups" heading="{{group.title}}" is-open="group.open">
  <accordion-heading>
    <span ng-click="opened(group, $index)">{{group.content}}</span>
  </accordion-heading>
</accordion-group>

示例:http://plnkr.co/edit/B3LC1X?p=preview