Componente ComboBox Editable usando bootstrap/angularjs

La interfaz de usuario de la biblioteca select2 permite utilizar select2 a través de una directiva. Que proporciona algunos de los grandes elementos de interfaz de usuario que hacer lo que estás pidiendo.

En general, también recomiendo el Angular Módulos sitio para encontrar varias útil Angular de las bibliotecas.

de interfaz de usuario-seleccione realmente no se parecen a una adecuada seleccione todos estamos acostumbrados.
Así que aquí es lo que acabé haciendo con la ayuda de 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>

Saludos desde Irlanda!

Utilizando html5 usted puede hacer esto:

    <input type=text list=browsers >
    <datalist id=browsers >
       <option> Google
       <option> IE9
    </datalist>

Tengo desde aquí:
http://www.scriptol.com/html5/combobox.php

Yo también estaba buscando la misma cosa y no encontrar una buena solución, así que acabé creando angular de cuadro combinado de la directiva que te permite hacer lo que usted está buscando. He aquí un ejemplo.

JS:

angular.module('ngComboBoxExample', ['ngComboBox'])
  .controller('myController', function($scope) {
    $scope.options = [
      'Blue',
      'Red',
      'Pink',
      'Purple',
      'Green'
    ];
    $scope.color = '';
  });

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="http://bradleytrager.github.io/angular-combo-box/bower_components/angular-combo-box/dist/angular-combo-box.min.js"></script>

<div ng-app="ngComboBoxExample">
  <div ng-controller="myController">
    <combo-box options="options" combo-model="color" label="--Select a Color--" other-label="A color not on the list...">
    </combo-box>
    <div>Selected Color: <span ng-bind="color"></span>
    </div>
  </div>
</div>

Espero que ayude!