我正在开发一个使用twitter-bootstrap和Angularjs的Web应用程序。但是,我的头像和使用它作为一个ng模型我有问题。
打字时,一切都可以正常工作,但是当我选择一个项目(一个建议)时,该值不会反映在角度控制器中,除非在选择了一个值之后更改了文本框的值。类型 – >选择 – >输入作品。类型 – >选择不起作用
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更改功能,只是为了检查模型值何时更改。只有在手动打字时才会更改,而不是从打印头上显示的列表中选择一个值。
感谢任何可能有助于解决这个问题的回应。谢谢!
Bootstrap3有一个
AngularStrap的工作本地实现,它利用AngularJS v1.2中的ngAnimate
>演示: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