使用Angular选择框的自定义模板

时间:2015-06-21 04:30:05

标签: angularjs select

我必须允许用户从列表中选择一个人。问题是我需要为列表中的每个人显示一些额外的信息(性别,年龄,职业),但是当我选择时,我应该只显示名字和姓氏。由于技术原因,我必须使用选择框,而不是bootstrap下拉列表。我一直在寻找一个解决方案几个小时,但到目前为止无法想出任何东西。甚至可能,有人都知道吗?

1 个答案:

答案 0 :(得分:1)

使用ng-options,并委托给一个函数来生成人物的表示:

<select ng-options="p as toOption(p) for p in persons" ng-model="selectedPerson">
</select>

在toOption()函数中,测试p(作为参数传递的人)是否为选定的(即selectedPerson),并相应地返回相应的表示。

这里是demo plunkr