javascript - 所选值未使用uib-typeahead显示

我在我的angularjs应用程序中使用以下uib-typeahead在文本框中自动建议。当我键入一些字母时，可以看到建议。但是，如果我选择任何选择，则不会在text（ng-model）中显示。

我不确定问题出在我使用的引导程序还是角度版本，还是我的代码做错了。

<input type="text" ng-model="selectedData" uib-typeahead="proDesc as mydata.proDescription for mydata in dataList | filter:$viewValue | orderBy:orderByStartsWith($viewValue)"/>

以下是我的代码的链接。

http://plnkr.co/edit/s4ol9bkrcb16QV2pAikA?p=preview

最佳答案

您的问题是，当您选择一个选项时，整个对象将分配给输入的$viewValue，而不是对象的description属性。

如果要根据说明设置$viewValue：

<input type="text" ng-model="selectedData" uib-typeahead="proDesc as mydata.proDescription for mydata in dataList | filter:$viewValue | orderBy:orderByStartsWith($viewValue)"/>

至：

<input type="text" ng-model="selectedData" uib-typeahead="mydata.proDescription as mydata.proDescription for mydata in dataList | filter:$viewValue | orderBy:orderByStartsWith($viewValue)"/>