Question

我在Select / options中填充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>

感谢您的帮助！

Answer 1

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

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

Fiddle demo

Answer 2

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

<强> Demo fiddle

Angular - 在Select中填充JSON数据

2 个答案: