Actualmente estoy desarrollando una aplicación web que utiliza twitter-bootstrap y Angularjs en buena armonía. Sin embargo, tengo problemas con el typeahead y su uso como modelo ng.

Todo funciona bien cuando se escribe, pero cuando selecciono un elemento (una sugerencia), el valor no se refleja en el controlador Angular a menos que cambie el valor del cuadro de texto después de que se haya seleccionado un valor. Tipo -> Seleccionar -> Tipo funciona. Tipo -> Seleccionar no funciona.

HTML:

<form ng-submit="addAssignment(assignName)">
  <div class="input-append">
    <input type="text" placeholder="Type a name" ng-model="assignName" ng-change="dostuff()" data-provide="typeahead" data-source="{{ teamNames }}">
    <button class="btn" type="submit">Add</button>
 </div>
</form>

Código angular:

 $scope.addAssignment = function(name) {
    alert(name);
    return;
 }

He agregado una función de cambio de ng para verificar cuándo se cambia el valor del modelo. Solo se cambia cuando se escribe manualmente, y NO cuando se selecciona un valor de la lista que aparece en typeahead.

Agradezco cualquier respuesta que pueda ayudar a resolver este problema. ¡Gracias!