繁体   English   中英

Angular-在Select中填充JSON数据

[英]Angular - Populating JSON data in Select

我在选择/选项中填充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>

谢谢你的帮助!

option中的值应为角度表达式。

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

小提琴演示

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

演示小提琴

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM