使用 ng-options 更改 <option value> [重复]答案

【问题标题】：Change <option value> with ng-options [duplicate]使用 ng-options 更改 <option value> [重复]
【发布时间】：2014-03-18 15:36:32
【问题描述】：

我需要一个选择

  { id: 111, shortName: 'RJ' },
  { id: 112, shortName: 'MG' },
  { id: 113, shortName: 'DF' }

我需要在选择器上显示“shortName”字段，但需要带有 id 值。这就是我所拥有的：

<select ng-model="model.StateId" ng-options="c.shortName for c in model.states"></select>

它正确显示了shortName，但选项值为0、1、2。如何使用数组上的id值修改它们？

【问题讨论】：

标签： angularjs

【解决方案1】：

ng 选项应该是这样的：

ng-options="c.id as c.shortName for c in model.states">

以下是plunker

【讨论】：

【解决方案2】：

使用

<select ng-model="model.StateId" ng-options="c.id as c.shortName for c in model.states"></select>

那是ng-options = select as label for value in array

【讨论】：