Używanie nagłówka Bootstrap z Angular

Obecnie opracowuję aplikację internetową, która korzysta z twitter-bootstrap i Angularjs w dobrej harmonii. Mam jednak problemy z nagłówkiem typu i używaniem go jako modelu ng.

Podczas pisania wszystko działa dobrze, ale kiedy wybieram element (sugestię), wartość nie odzwierciedla się w kontrolerze Angular, chyba że zmieniam wartość pola tekstowego po wybraniu wartości. Wpisz -> Wybierz -> Typ działa. Wpisz -> Wybierz nie działa.

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>

Kod kątowy:

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

Dodałem funkcję ng-change, aby sprawdzić, kiedy zmienia się wartość modelu. Zmienia się tylko podczas ręcznego wpisywania, a NIE, gdy wybrana jest wartość z listy, która pojawia się na nagłówku.

Doceniam każdą odpowiedź, która może pomóc w rozwiązaniu tego problemu. Dzięki!

questionAnswers(7)

yourAnswerToTheQuestion