如何在ng-rep div Angularjs中获取html下拉列表选择的值

Question

在单击按钮时需要获取每一行的下拉值，不知道问题在哪里无法成功检索，控制器在这里，

 $scope.values = [];
 $scope.Benifit = [{ 'BenefitType': ""},{ 'BenefitType': ""}];

 $scope.saveAllValues = function () {
       alert($scope.values);
 }

HTML

<div ng-repeat="item in Benifit">

                                    <select class="form-control-sm col-md-9" ng-modal="values[$index]">
                                        <option value="">Select</option>
                                        <option value="a">a</option>
                                        <option value="b">b</option>
                                        <option value="c">c</option>
                                        <option value="d">d</option>
                                        <option value="e">e</option>
                                    </select>
                                </div>
                            </div>
                            <button type="button" ng-click="saveAllValues()">Save</button>

这里查看fiddle

Answer 1

您的选择更改ng-mod a l和ng-mod e l上有错字。

<select class="form-control-sm col-md-9" ng-model="values[$index]">
    <option value="">Select</option>
    <option value="a">a</option>
    <option value="b">b</option>
    <option value="c">c</option>
    <option value="d">d</option>
    <option value="e">e</option>
</select>

Updated Fiddle