Angular - 在 Select 中填充 JSON 数据答案

【问题标题】：Angular - Populating JSON data in SelectAngular - 在 Select 中填充 JSON 数据
【发布时间】：2014-09-22 21:46:26
【问题描述】：

我正在选择/选项中填充JSON 数据。问题是一旦用户选择了一个项目，value 属性会显示所选的JSON 数据（包括 itemID 和 itemName），而不仅仅是显示 itemName。仅显示所选 itemName 的最佳方式是什么？

这是示例数据和代码：

JSON:

    scope.itemData = [{"itemId":1,"itemName":"Glo Light"}, 
    {"itemId":2,"itemName":"Star Light"},
    {"itemId":3,"itemName":"Aqua Light"}]

和

Code:
    <select ng-model="myItem"> 
        <option ng-repeat="item in itemData" value="item.itemId">
           {{item.itemName}}
        </option>
    </select>

感谢您的帮助！

【问题讨论】：

标签： json angularjs angularjs-directive

【解决方案1】：

选项中的值应该是角度表达式。

    <select ng-model="myItem">
        <option ng-repeat="item in itemData" value="{{item.itemId}}">
         {{item.itemName}}
        </option>
    </select>

Fiddle demo

【讨论】：

【解决方案2】：

<select ng-model="myItem" ng-options="i.itemId as i.itemName for i in itemData"></select>

Demo fiddle

【讨论】：