Использование 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 только для проверки изменения значения модели. Он изменяется только при вводе вручную, а НЕ при выборе значения из списка, который появляется на клавиатуре.
Я ценю любой ответ, который может помочь решить эту проблему. Спасибо!