AngularJS et Bootstrap de la scission de bouton de liste déroulante

Savez-vous si quelqu'un porté Bootstrap de scripts pour AngularJS?

J'ai besoin de Bootstrap est split bouton de liste déroulante pour mon application, et je voudrais vraiment éviter de tirer sur jQuery. Je semble ne pas parvenir à google.

OriginalL'auteur minder | 2012-10-21

  1. 32

    Regardez cette démo : http://jsfiddle.net/guillaumebiton/8muRC/

    La puissance Angulaire:

    <div class="btn-group" ng-class='{open: open}'>
    <button class="btn">Action</button>
    <button class="btn dropdown-toggle" data-toggle="dropdown" ng-click='open=!open'>
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li class="divider"></li>
        <li><a href="#">Separated link</a></li>
    </ul>
</div>

    Il utiliser une seule variable "ouvert", ce qui est vrai ou faux.

    Tellement facile! o_O j'ai dû vraiment fatigué 😉 Merci!
    Yep, ce qui montre vraiment la puissance de déclaratif AngularJS de l'Isu. Mais dans ce cas particulier, on est un peu plus que l'original de Bootstrap version ferme déroulant lorsque l'on clique en dehors de liste déroulante. Il peut encore être fait dans le plus pur AngularJS, mais un petit directive commence à faire sens ici.
    Belle solution! 🙂 Même si, @pkozlowski.l'opensource est à droite sur le fait qu'il n'a pas à se fermer lorsque vous cliquez à l'extérieur.
    Utilisation type="button" attribut bouton se forme à l'intérieur pour empêcher la soumission d'un formulaire

    OriginalL'auteur

  2. 10

    Dans le cadre de l'angulaire de l'interface utilisateur, nous travaillons sur la création de bootstrap de widgets dans le plus pur AngularJS (pas de dépendances sur 3ème partie libs JS, avec la seule dépendance en cours de bootstrap CSS).

    Le dépôt est situé ici: https://github.com/angular-ui/bootstrap

    C'est beaucoup de travail en cours, mais il est le dropdown-toggle directive déjà:
    https://github.com/angular-ui/bootstrap/blob/master/src/dropdownToggle/dropdownToggle.js

    Vous pouvez l'utiliser comme ceci:

    <div ng-controller="MyCtrl">
  <div class="btn-group">
      <a class="btn dropdown-toggle">
        Actions
        <span class="caret"></span>
      </a>
      <ul class="dropdown-menu">
          <li><a>Action 1</a></li>
          <li><a>Action 2</a></li>
      </ul>
  </div>
</div>

    Veuillez noter que cette directive opère au niveau de la classe de sorte qu'il suffit d'ajouter le dropdown-toggle classe qu'il sera opérationnel!

    Une fois de plus, ce travail est en cours (l'ensemble de l'effort commencé quelque chose comme 2-3 semaines), donc les rapports de bug /pull demandes sont très bien accueillies!

    Exemple de cette directive dans l'action: jsfiddle.net/eX4aH/13
    Cela semble être cassé? été fait un peu de recherche, en essayant différentes versions et ainsi de suite, mais en vain, quel est le statut de ce composant?
    Que le Violon ne fonctionne pas plus...
    Parfait, mais pour Bootstrap 2.3. Le 3.0 n'est pas pris en charge.

    OriginalL'auteur

  3. 2

    Vous pouvez essayer d'utiliser cette directive, qui convertit angularjs sélectionner la zone dans le bootstrap de la liste déroulante: http://jsfiddle.net/M32pj/28/
    "Exemple: 

    <select ng-model="example1" bs-selectbox>
 <option value="1">One</option>
 <option value="2">Two</option>
</select>

    `

    OriginalL'auteur