如何使用类型（id，name）的select元素绑定AngularJs中的模型ID？

Question

我有一个简单的模型：$scope.user = {email: "", birth_month: 0}

将用户输入绑定到电子邮件很简单：

<input type="email" ... ng-model="user.email">

但是，我希望有一个<select>列表显示数月，＆＃34; 1月＆＃34;，＆＃34; 2月＆＃34;等，但直接绑定到user.birth_month作为整数

我明白我能做到：

$scope.months = [{name: "January", value: 0}, {name: "February", value: 1} ...]

和

<select ng-model=monthObj ng-options="month as month.name for month in months>
</select>

在范围中，我将有一个指向月份对象{name，value}的指针，并且在更改时我可以设置user.birth_month但我觉得我完全失去了AngularJS的强大功能。

更直接将user.birth_month绑定到month.value？

Answer 1

您可以像这样简单地使用ng-init

<select ng-init="monthObj = months[user.birth_month]" ng-model="monthObj" ng-options="month as month.name for month in months"></select>