Angular UI-Bootstrap-Dropdown-Taste auf ng-optionen

Question

Der obige Code zeigt offensichtlich ein grundlegendes Dropdown-Menü in einer standardmäßigen Formularsteuerung. Ich habe versucht, herauszufinden, wie man dies mit den ui-bootstrap-Direktiven von Angular in ein Button-Stil-Dropdown-Menü umwandelt, aber nirgends hinkommt. Hat jemand das versucht?

Answer 1

Ich habe eine grundlegende Demo eines Tropfens erstellt unten Winkel Bootstrap mit ..

Besuch: http://plnkr.co/edit/Mfw5zABqPTgLL4DAgAA3?p=preview

Hoffnung das ist, was Ihr für suchen.

Answer 2

Ich hoffe, dass Sie die Antwort bereits gefunden, aber vielleicht jemand anderes diese nützlich finden. Die vorherige Antwort bezieht sich auf einen allgemeinen Dropdown-Befehl, nicht auf einen Dropdown-Befehl. Hier ist ein Beispiel, aber ohne die Vorteile der hg-Option, während ich keine Auswahl, sondern eine Schaltfläche verwendet habe.

<div class="input-group"> 
    <div class="input-group-btn" ng-class='{open: open}'> 
     <button class="btn dropdown-toggle" 
       data-toggle="dropdown" 
       ng-click='open=!open'> 
      Action<span class="caret"></span></button> 
       <ul class="dropdown-menu"> 
        <li ng-repeat="choice in choices" 
         ng-click="setChoiceIndex($index);$parent.open =!$parent.open"> 
        <a href="#">{{choice}}</a></li> 
       </ul> 
    </div> 
    <input type="text" ng-model="choices[index]" class="form-control"> 
</div> 

wo Entscheidungen ist ein Array von Zeichenketten, die nach unten und der Index in dem Dropdown angezeigt wird, ist eine weitere Variable in dem Steuerungsbereich, der die ausgewählte Wahl widerspiegeln.