Handle open/collapse events of Accordion in Angular

by

Accordion groups also allow for an accordion-heading directive instead of providing it as an attribute. You can use that and then wrap your header in another tag with an ng-click.

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

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

More Related Contents:

  1. How to pass parameters using ui-sref in ui-router to controller
  2. How to pass parameters using ui-sref in ui-router to the controller
  3. How to set bootstrap navbar active class with Angular JS?
  4. Angular js – route-ui add default parmeter
  5. How to pass parameters to a modal?
  6. UI-router interfers with $httpbackend unit test, angular js
  7. Angular-UI Router: Nested Views Not Working
  8. angular.js ng-repeat for creating grid
  9. How do display a collapsible tree in AngularJS + Bootstrap
  10. how to bind Bootstrap-datepicker element with angularjs ng-model?
  11. Angular UI-Router more Optional Parameters in one State
  12. Hide Angular UI Bootstrap popover when clicking outside of it
  13. Directing the user to a child state when they are transitioning to its parent state using UI-Router
  14. How can I use HTTPS in AngularJS?
  15. Difference between $state.transitionTo() and $state.go() in Angular ui-router
  16. How to usemultiple Angular UI Bootstrap Datepicker in single form?
  17. AngularUI-Bootstrap Typeahead: Grouping results
  18. “Thinking in AngularJS” if I have a jQuery background? [closed]
  19. How to create separate AngularJS controller files?
  20. How to watch for a route change in AngularJS?
  21. Custom name for BLOB URL
  22. Correct use for angular-translate in controllers
  23. How to make a preselection for a select list generated by AngularJS?
  24. How to keep the changes made to DOM by javascript/jquery on page refresh
  25. AngularJS error: ‘argument ‘FirstCtrl’ is not a function, got undefined’
  26. Angular ui router – Redirection doesn’t work at all
  27. Bootstrap modal hide is not working
  28. What is the difference between $scope.$root and $rootScope?
  29. Call angularjs function using jquery/javascript
  30. Pass parent scope value into ng-repeat loop in Angular

Leave a Comment