显示与下拉列表中的选项文本不同的值

Question

我有一个看起来像这样的数据源

$scope.NameList = [
 { id:1, name:'Thomas S.', short:'TS' }, 
 { id:2, name:'Paul F.', short:'PF' },
 { id:3, name:'Kate M.', short:'KM' }
]

我希望我的DropDown将属性name显示为选项，将id属性绑定到模型并显示所选项的属性short。有没有办法通过ng-options实现这一目标？

Answer 1

不，因为它使用的HTML select组件无法区分下拉列表中显示的文本和显示的值。

但是，您可以构建一个自己的指令来实现类似的行为，例如使用bootstrap下拉菜单。