Ich entwickle gerade eine Webanwendung, die Twitter-Bootstrap und Angularjs in guter Harmonie verwendet. Ich habe jedoch Probleme mit dem Typeahead und der Verwendung als ng-Modell.

Beim Tippen funktioniert alles einwandfrei, aber wenn ich ein Element (einen Vorschlag) auswähle, wird der Wert nicht im Winkel-Controller angezeigt, es sei denn, ich ändere den Wert des Textfelds, nachdem ein Wert ausgewählt wurde. Typ -> Auswählen -> Typ funktioniert. Typ -> Auswählen funktioniert nicht.

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>

Winkelcode:

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

Ich habe eine ng-change-Funktion hinzugefügt, um zu überprüfen, wann der Modellwert geändert wird. Sie wird nur bei manueller Eingabe geändert und NICHT, wenn ein Wert aus der auf typeahead angezeigten Liste ausgewählt wird.

Ich freue mich über jede Antwort, die zur Behebung dieses Problems beitragen kann. Vielen Dank!