在 typeahead returns 空白值中选择项目

Question

我正在尝试提前输入现有项目，所以我假设问题是

我有以下

  <pre>Model: {{entry.value | json}}</pre>
<input ng-show="entry.isToShow" class="form-control col-xs-12 " ng-model="entry.value" type="text" ng-required="entry.isRequired" uib-typeahead="name as dropitem.name for dropitem in entry.dropdownOptions | filter:$viewValue">

它按我的预期显示了预输入，但是当我单击一个或选项卡时突出显示了一个，entry.value 没有像 id 期望的那样被填充并且它保持空白 - 如果我输入的内容足够长以至于它不再处于 typeahead 模式并跳出它被设置（例如从最后一个选择 Sam 它什么都不显示，如果我键入 "sanfsjdngjdskgs" 并跳转到另一个控件它显示 "sanfsjdngjdskgs"

有什么想法吗？

Answer 1

只需将您的输入标签更改为下面

 <input ng-show="entry.isToShow" class="form-control col-xs-12 " ng-model="entry.value" type="text" ng-required="entry.isRequired" uib-typeahead="dropitem as dropitem.name for dropitem in entry.dropdownOptions | filter:$viewValue">

注意：我刚刚在 uib-typeahead 属性中将名称更改为 dropitem

在 typeahead returns 空白值中选择项目

Selecting item in typeahead returns blank value

typeahead

angularjs

angular-ui-bootstrap