Atualmente, estou desenvolvendo um aplicativo da web que usa o twitter-bootstrap e o Angularjs em boa harmonia. No entanto, tenho problemas com o typeahead e usá-lo como um modelo ng.

Tudo funciona bem ao digitar, mas quando eu seleciono um item (uma sugestão), o valor não reflete no controlador Angular a menos que eu mude o valor da caixa de texto depois que um valor for selecionado. Tipo -> Selecionar -> Tipo funciona. Tipo -> Selecionar não 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;
 }

Eu adicionei uma função ng-change apenas para verificar quando o valor do modelo é alterado. Só é alterado ao digitar manualmente e NÃO quando um valor é selecionado na lista que aparece no cabeçalho.

Agradeço qualquer resposta que possa ajudar a resolver esse problema. Obrigado!