Comment désactiver en cliquant sur un accordéon en-tête de groupe?

Cette est une version réduite de l'accordéon exemple ici.

  <accordion>
    <accordion-group heading="Static Header">
      This content is straight in the template.
    </accordion-group>
  </accordion>

Comment est-il possible de le désactiver en cliquant sur l'accordéon en-tête de groupe. J'ai essayé ng-disabled=true sur l'accordéon de l'élément et de l'accordéon élément de groupe, mais il ne fonctionne pas.

OriginalL'auteur camden_kid | 2014-03-20

  1. 6

    Selon la source, il y a un isDisabled de propriété sur l'accordeon groupe, qui est utilisé dans la fonction de bascule. Ce doit être la façon de désactiver un panneau.

    https://github.com/angular-ui/bootstrap/blob/master/src/accordion/accordion.js

    La fonction de bascule:

    scope.toggleOpen = function() {
 if ( !scope.isDisabled ) {
     scope.isOpen = !scope.isOpen;
 }
};

    edit: ce n'est pas une partie de la 0.10 version que vous utilisez, ainsi, vous devez obtenir la version principale, ou faire le changement vous-même.

    Je pense que vous avez à faire un nouveau fichier vous-même, basé sur les fichiers js dans le maître de la libération. github.com/angular-ui/bootstrap/archive/master.zip Les directives sont censés être independend les uns des autres de sorte que vous pouvez également essayer d'utiliser uniquement la nouvelle version de l'accordeon.
    Vous avez probablement avoir à retirer de l'accordéon, de la 0.10 min de fichier. Peut-être la création d'un nouveau minifiés fichier à partir de la branche master est une meilleure idée.
    Vous pouvez simplement supprimer l'accordéon partie de la unminified version 0.10, remplacer le nouveau accordéon et rapetisser vous-même. J'ai mis à jour votre plunker et ça fonctionne: plnkr.co/modifier/6pbQ4zW4zHRy6T3yg9We
    Une chose à noter dans Tim est édité bootstrap.js c'est la petite ajustez en ligne 3431 " isDisabled de travail avec la nouvelle accordéon directive.

    OriginalL'auteur Tim

  2. 5

    Vous avez besoin pour obtenir la dernière version de l'interface utilisateur-bootstrap bibliothèques (version encore, la nécessité d'obtenir le Master) et d'utiliser quelque chose comme

    <accordion-group is-disabled="true" heading="Static Header">

    Ce n'est même pas présent dans la 0.10.0 que vous utilisez dans votre plnkr

    L'ajout d'attribut is-disabled="true" résolu mon problème. Merci

    OriginalL'auteur rajasaur