Использование Bootstrap typeahead с Angular

В настоящее время я занимаюсь разработкой веб-приложения, которое использует твиттер-бутстрап и Angularjs в хорошей гармонии. Однако у меня есть проблемы с typeahead и использованием его в качестве модели ng.

Все отлично работает при наборе текста, но когда я выбираю элемент (предложение), значение не отображается в угловом контроллере, пока я не изменю значение текстового поля после того, как значение было выбрано. Тип - & gt; Выберите - & gt; Тип работает. Тип - & gt; Выбрать не работает.

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>

Угловой код:

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

Я добавил функцию ng-change только для проверки изменения значения модели. Он изменяется только при вводе вручную, а НЕ при выборе значения из списка, который появляется на клавиатуре.

Я ценю любой ответ, который может помочь решить эту проблему. Спасибо!

Ответы на вопрос(7)

Ваш ответ на вопрос