从对象中选择ng-model,从其他对象中选择ng-options

时间:2018-04-09 08:46:40

标签: angularjs

我在<select>中的编辑功能出现问题。

我的示例代码

<div ng-show="!vm.loading" class="row" ng-repeat="data in vm.transaction track by $index">
    <div class="form-group col-sm-8">
        <label>Item Name {{ data.item_name }}</label>
        <select ng-model="data.item_name" ng-options="item as item.item_name for item in vm.items""
            class="form-control">
        </select>
    </div>
</div>

vm.items <select> ng-options的对象。

vm.transaction 是编辑的具体数据响应。

在我的另一个<input type="text">中,它会呈现一个值。

<div class="form-group">
    <label>Quantity</label>
    <input type="number" string-to-number class="form-control" ng-model="data.quantity" placeholder="123">
</div>

Plunker:link

1 个答案:

答案 0 :(得分:0)

要渲染该值,请按以下表达式编写ng-options ng-options="item.item_name as item.item_name for item in vm.items" 选择数组中的值作为标签

<select ng-model="data.item_name" ng-options="item.item_name  as item.item_name for item in vm.items"
    class="form-control">
</select>