Question

我有以下对象：

[
  {"id":"150c67d4-952b-45b0-b287-f651a5f6d82b","name":"xx"},
  {"id":"9001f011-3a0c-4d45-a0fb-eabb4c83ff83","name":"yy"},
  {"id":"9b8b93af-cfef-451a-8dda-7373d9154f60","name":"zz"}
]

这是我的HTML：

<select
   data-ng-model="option.selectedCreatedBy"
   data-ng-options="item.id as item.name for item in option.userProfilesPlus">
   <option style="display: none" value="">Select User</option>
</select>

结果是：

<select 
   data-ng-model="option.selectedCreatedBy" 
   data-ng-options="item.id as item.name for item in option.userProfilesPlus" 
><option style="display: none" value="" class="">Select User</option>
 <option value="0" selected="selected">*</option>
 <option value="1">xx</option>
 <option value="2">yy</option>
 <option value="3">zz</option></select>

如何进行此操作以使存储的值为实际ID？

Answer 1

使用ng-option生成选项列表时，无法控制为选项生成的值。对于数组，它是数组的索引。

如果您想在选项字段中包含特定值，则必须使用ng-repeat。

在任何情况下，您都不应该非常关注生成的html的具体情况，在任何情况下，angular都可以正确更新模型。

如何使AngularJS 1.2 rc将实际值存储在<select>？</select>中

1 个答案: