Angularjs Accordion Access isOpen State Angularjs Accordion Access isOpen State angularjs angularjs

Angularjs Accordion Access isOpen State


First, you have to use a parent object like in Angular UI's docs' example, status object for example:

  <div accordion-group="" ng-init="status = {isOpen: false}" is-open="status.isOpen">      <div accordion-heading="">          <div ng-class="{'is-open': status.isOpen}">NUTRIENT PROFILES</div>      </div>      ...  </div>

Then, you can perfectly use the same object name for nested accordion. Reason is simple: accordion-group directive will instantiate a new scope for each group. This way, when a status.isOpen is changed, it won't affect other groups.

Check it: http://plnkr.co/edit/nJ654pvE1itnGDQGp2rk?p=preview