bootstrap typeahead輸入時不顯示鍵值當選擇值時

Question

如何選擇states.address，並希望顯示state.address，但要顯示state.address，但ng-model selPcode要改變state.postcode？

這是一個工作jsfiddle http://jsfiddle.net/qbp2gqep/。 這裏是json數組對象：
$ scope.states = [{postcode：'B1'，address：'Bull ring'}，{postcode：'M1'，address：'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

您應該使用的用戶界面，引導預輸入如下

<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