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!