小编Kje*_*eim的帖子

使用带有Angular的Bootstrap typeahead

我目前正在开发一个使用twitter-bootstrap和Angularjs的Web应用程序.但是,我对typeahead有问题并将其用作ng模型.

键入时一切正常,但是当我选择一个项目(建议)时,除非在选择值后更改文本框的值,否则该值不会反映在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>
Run Code Online (Sandbox Code Playgroud)

角度代码:

 $scope.addAssignment = function(name) {
    alert(name);
    return;
 }
Run Code Online (Sandbox Code Playgroud)

我添加了一个ng-change函数,只是为了检查模型值的更改时间.它仅在手动键入时更改,而不是从typeahead上显示的列表中选择值时更改.

我感谢任何可能有助于解决此问题的回复.谢谢!

angularjs bootstrap-typeahead

20
推荐指数
3
解决办法
8万
查看次数

标签 统计

angularjs ×1

bootstrap-typeahead ×1