AngularJS UI Typeahead标签和值

Question

我使用typehead指令自动完成状态列表.该列表包含一堆对象,如下所示

{
  StateId: 0,
  StateCode: "AK",
  StateDesc: "ALASKA"
}

打字头HTML如下

typeahead="state.StateCode for state in States | filter:$viewValue | limitTo:8"

这很好用,但我想稍微改进一下.是否可以让自动完成下拉列表显示(并搜索),StateDesc但是一旦您单击下拉项目,文本框就会被填充StateCode？

谢谢!

Answer 1

HTML需要

typeahead="state.StateCode as state.StateDesc for state in States | filter:$viewValue | limitTo:8"

感谢Pushpak让我指向正确的方向.

Answer 2

假设你正在使用angular-ui bootstrap typeahead,那么可以轻松获得如何实现这一点.