在Angular中预先使用Bootstrap type

Question

我目前正在html" target="_blank">开发一个Web应用程序，该应用程序很好地使用了twitter-bootstrap和Angularjs。但是，我在将typeahead用作ng-
model时遇到问题。

键入时一切正常，但是当我选择一个项目（建议）时，除非在选择值后更改文本框的值，否则该值不会反映在Angular控制器中。类型->选择->类型有效。类型->选择不起作用。

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功能，只是为了检查何时更改模型值。仅在手动键入时更改，而在预输入列表中选择一个值时则不会更改。

感谢您提供任何可能有助于解决此问题的回复。谢谢！

Answer 1

AngularStrap for
Bootstrap3中有一个有效的本机实现，它利用ngAnimate了AngularJS v1.2 +

• 演示：http : //mgcrea.github.io/angular-strap/##typeaheads

您可能还想结帐：

• 来源：https : //github.com/mgcrea/angular-strap/blob/master/src/typeahead/typeahead.js
• Plunkr：http：//plnkr.co/edit/VB43wxoDBhVyRMnKUHr9？p = preview