使用ng-options </option>更改<option value =“”>

时间:2014-02-18 17:37:54

标签: angularjs

我需要一个选择

  { 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值修改它们?

2 个答案:

答案 0 :(得分:3)

ng选项应该是这样的:

ng-options =“c.id as model.states中c的c.shortName”&gt;

以下是plunker

http://plnkr.co/edit/kuKO5eZn10Cpe1DQEQPr?p=preview

答案 1 :(得分:1)

使用

<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

AngularJS select