bootstrap 在选择值时输入时提前输入不显示键

Question

我如何 select states.address 并想显示 state.address 但 ng-model selPcode 却显示 state.postcode？

这是一个有效的 jsfiddle http://jsfiddle.net/qbp2gqep/。这是 json 数组对象：
$scope.states = [{邮政编码:'B1',地址:'Bull ring'}, {邮政编码:'M1',地址:'Manchester'}];

这是 html 片段：postcode <input type="text" ng-model="selPcode" /> typeahead <input type="text" ng-model="selPcode" typeahead="state.postcode as state.address for state in states | filter:$viewValue" typeahead-editable="false" />

我可以得到 state.address 或 state.postcode 但不是我想要的方式，即显示 state.address 但模型内部应该有 state.postcode。

感谢任何帮助。

TIA。

Answer 1

您应该使用 ui-bootstrap 预先输入，如下所示

<input type="text" ng-model="selected" placeholder="Type your Address"
   uib-typeahead="state as state.address for state in states | filter:{address:$viewValue}"  
   class="form-control" typeahead-show-hint="true" typeahead-min-length="0">

LIVE DEMO

bootstrap 在选择值时输入时提前输入不显示键

bootstrap typeahead on input not displaying the key when a value is selected

angularjs

twitter-bootstrap

bootstrap-typeahead