AngularJS中的自定义选择元素选项

Question

在AngularJS中，我有一个选择元素

<select ng-model="event" ng-options="event as event.name for event in events">
   <option value="">Select event</option>
</select>

将每个选项显示为

event.name

但我想将每个显示为

event.name | event.date

演示： http://jsfiddle.net/zYtFF/

非常感谢。

Answer 1

您只需要格式化文本的显示部分：

ng-options="event as event.name+' | '+event.date for event in events"

小提琴：http://jsfiddle.net/YhJqb/1/