Question

为什么我无法使用ng-change函数正确获取所选的预先输入值？

这是我的代码

<input 
   type="text" 
   ng-model="asyncSelected" 
   placeholder="Locations loaded via $http"
   typeahead="address for address in getLocation($viewValue)" 
   typeahead-loading="loadingLocations" 
   class="form-control" 
   ng-change="change(asyncSelected)">

问题是变量 asyncSelected 总是返回我键入的字符串，而不是通过typeahead选择的字符串。这是向您展示问题的傻瓜，只需输入即可。我从angular-ui-bootstrap

的官方文档中分出来

PLUNKR LINK HERE

Answer 1

您可以使用typeahead-on-select属性在选择值时调用函数。试试这个：

<input type="text" ng-model="asyncSelected" placeholder="Locations loaded via $http"
typeahead="address for address in getLocation($viewValue)" typeahead-loading="loadingLocations" 
class="form-control" typeahead-on-select="change(asyncSelected)">

使用Angular bootstrap的TYPEAHEAD插件和ng-change获取选定的值

1 个答案: