在一个ng-repeat内获取多个select的值

时间:2015-02-28 17:05:26

标签: angularjs angularjs-ng-repeat angularjs-ng-model

我在我的一个div中有一个下拉列表,我从中选择了第二个div中的下拉数。我的任务是能够从第二个div中的每个下拉列表中选择不同的值。这是我正在尝试的代码

<div ng-repeat="i in getNumber(secondN2.core.r1r2.value) track by $index">
                <div>
                    <strong><u>For Core link number {{$index+1}}:</u> </strong><br>
                        <strong>Select IM</strong>
                        <select ng-model="im" ng-change="calculate()" >
                            <option value="1 Gig" selected="selected">1 Gig</option>
                            <option value="10 Gig">10 Gig</option>
                        </select><br>

                </div>

</div>

secondN2.core.r1r2.value是一个数字,我将它转换为数组,一个集合,通过在getNumber方法中返回新的数组(n)

在这种情况下如何提供正确的 ng-model ?以及如何检索值?

如果我尝试提供i.im,它仍然没有帮助。使用im$scope.im即将来临undefined

更新

那里有两个嵌套循环

<div ng-repeat="j in secondN3.core" style="border:1px solid;">
    <strong>Configure Core Links between {{j.name}}</strong><br><br>
            <div ng-repeat="i in getNumber(j.value) track by $index">
            <div>
                <strong><u>For Core link number {{$index+1}}:</u> </strong><br>
                <strong>Select IM</strong>
                <select ng-model="secondN3.coreValues[[$parent.$index,$index]]" ng-change="calculate()" >
                    <option value="1 Gig" selected="selected">1 Gig</option>
                    <option value="10 Gig">10 Gig</option>
                </select><br>
            </div>
        </div>
<div>

修改:2

这是有效的:This是该

的掠夺者

1 个答案:

答案 0 :(得分:10)

您的控制器中可以有一个包含所选值的数组:

$scope.values = [];

然后将您的下拉列表绑定到此模型:

<select ng-model="values[i]" ng-change="calculate()">
    <option value="1 Gig" selected="selected">1 Gig</option>
    <option value="10 Gig">10 Gig</option>
</select>