使用 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>

如果需要，也可以去掉默认的Choose option选项，将selectedOption设置为["1", "2", "3"]中的值，从而预选一个默认选项。

使用 ng-options 生成键值对

Generate key value pair using ng-options

angularjs

ng-options