使用ng-options生成键值对

Question

我有以下数据

"data":
            [
              {
                "Id":"1",
                "Name":"first"
              },
              {
                "Id":"2",
                "Name":"second"
              },
              {
                "Id":"3",
                "Name":"third"
              }
]

我想生成一个像

这样的列表

<select>
 <option value="1">First</option>
  <option value="2">Second</option>
  <option value="3">Third</option>
</select>

我使用了ng-options，但我无法获得所需的输出。

Answer 1

请参阅 fiddle ：

<select name="mySelect" ng-model="selectedOption" ng-options="option.Id as option.Name for option in options">
    <option value="">Choose option</option>
</select>

如果需要，您还可以删除默认的选择选项选项，并将selectedOption设置为["1", "2", "3"]中的值，以便预先选择默认选项。