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

Posted 2023-02-22

技术标签:

【中文标题】使用 ng-options 更改 <option value> [重复]【英文标题】：Change <option value> with ng-options [duplicate] 【发布时间】：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值修改它们？

【问题讨论】：

【参考方案1】：

ng 选项应该是这样的：

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

以下是plunker

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

【讨论】：

【参考方案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

AngularJS select

【讨论】：

以上是关于使用 ng-options 更改 <option value> [重复]的主要内容，如果未能解决你的问题，请参考以下文章