angularjs - 使用 bootstrap/angularjs 的可编辑组合框

Question

我没有得到任何将组合框作为选择和输入的解决方案。这意味着如果每个填充列表中没有用户选择，那么用户应该能够输入他的选择值。
用户的选择(选择或输入)应该在 angularjs 中设置和检索为 ng-model。

谢谢

Answer 1

ui-select 看起来并不像我们都习惯的正确选择。
所以这就是我在 Twitter Bootstrap 3 的帮助下最终做的事情:

http://jsfiddle.net/ruslans_uralovs/2brhd/1/

<div ng-app >
    <div class="row" ng-controller="ExampleController">
        <div class="col-xs-8 col-xs-offset-2">

            <form role="form">
                <div class="input-group">
                    <input type="text" class="form-control" ng-model="myColor.name">
                    <div class="input-group-btn">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
                        <ul id="color-dropdown-menu" class="dropdown-menu dropdown-menu-right" role="menu">
                            <li ng-repeat="color in colors" class="input-lg"><a href="#" ng-click="changeColor(color)">{{color.name}}</a></li>
                        </ul>
                    </div>
                </div>
        </div>
    </div>
</div>

来自爱尔兰的问候!