Angularjs Accordéon Accès isOpen État

Est-il un moyen d'accès si un accordéon groupe est ouvert ou pas? Je sais qu'il y a de la isOpen directive, mais je ne sais pas si il existe un moyen d'accéder à l'état de la tout simplement dans le html. En utilisant (et abuse?) une liaison bidirectionnelle, je peux mettre une variable pour contenir cet état, mais il ne fonctionnera pas pour imbriquée accordéons sans faire quelque chose comme isOpen0, isOpen1, isOpen2, etc. Je peux aussi utiliser ng-init pour "déclarer" une nouvelle isOpen sur le champ d'application de la imbriquée accordéons mais ce n'est pas une bonne idée.

  <accordion>
    <accordion-group is-open="isOpen">
      <accordion-heading>
         <div ng-class="{'myClass': isOpen}">Static Text</div>
      </accordion-heading>
      This content is straight in the template.
    </accordion-group>
  </accordion>

http://plnkr.co/edit/l5y4raei99pedNWcE225

InformationsquelleAutor Teeknow | 2014-12-15

14

Tout d'abord, vous devez utiliser un objet parent comme dans Angulaire de l'INTERFACE utilisateur de docs' exemple, status objet par exemple:
```
  <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>
```
Ensuite, vous pouvez parfaitement utiliser le même objet nom pour imbriquée à l'accordéon. La raison est simple: accordion-group directive va instancier un nouveau champ d'application pour chaque groupe. De cette façon, quand un status.isOpen est modifié, il n'affecteront pas les autres groupes.

Le vérifier: http://plnkr.co/edit/nJ654pvE1itnGDQGp2rk?p=preview
- Il fonctionne de cette façon. Dans ng-repeat itération, on pourrait même remplacer par ng-init="status = {isOpen: $first}"pour ouvrir le premier élément.
InformationsquelleAutor blint

Vous devez vous connecter pour publier un commentaire.