带引导下拉样式的角度选择标记

时间:2016-02-22 14:01:12

标签: angularjs twitter-bootstrap

我需要为选择下拉列表创建自定义样式(包括选项)。我越是深入研究这一点,我就越发现造型选择非常困难。 我目前正在使用Bootstrap的下拉列表,它工作得很好,除了我必须使用一个函数来赋值。 这就是我目前使用自定义选择下拉列表的方式':

<div class="form-element-container">     
    <div class="drop-down dropdown-toggle">       
        <label for="chooseAdvisor"></label>       
        <div>         
            <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">{{mySelection}}</button>         
            <ul class="dropdown-menu">           
                <li ng-repeat="option in options"><a href="" ng-click="setSelection(option)">{{option}}</a></li>       
            </ul>     
        </div>   
    </div> 
</div>

你可以看到,点击后,我必须在我的控制器中手动设置选项,而不是直接绑定到我的模型。有没有什么方法可以使用带有角度选择标签的Bootstrap下拉样式?

我希望能够使用我的选项转发器跟踪&#39;跟踪等等:

<select ng-options="item as item.label for item in items track by item.id" ng-model="selected"></select>

1 个答案:

答案 0 :(得分:0)

你可以尝试一下:

https://angular-ui.github.io/bootstrap/#/dropdown

只是一个建议,我还没有测试过。

更新回答:

我认为你可以代替角度模块:acute-select https://github.com/john-oc/acute-select 演示:http://john-oc.github.io/