带有 Bootstrap 下拉样式的 Angular 选择标签

Question

我需要为选择下拉菜单（包括选项）创建自定义样式。我对此进行的研究越多，我就越意识到样式选项非常困难。 我目前正在使用 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 的下拉样式与 Angular 的选择标签一起使用？

我希望能够将我的选项中继器与“track by”等一起使用：

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

Answer 1

你可以试试：

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

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

更新答案：

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