Question

如果所有select选项都为空，我想验证或检查ng-repeat表中的select数组选项。然后，假设2选择选项是否具有如何获取这些值的值。提前致谢，非常感谢您的帮助。

HTML

<button type="button" ng-click="checkSelect()">Check</button>
<button type="button" ng-click="getvalue()">get</button>
<table><tr ng-repeat="x in names">
<td>{{ x.Name }}</td>
<td>
    <select ng-model="person.numPerson[$index]" ng-options="num for num in [] | range:5">
        <option value="">0</option>
    </select>
</td></tr></table>

JS

var app = angular.module('app', []);
app.controller('Controller', function($scope, $http){

        //for validation
        $scope.checkSelect = function () {
        }

        //get all selected select value
        $scope.getvalue = function () {
        }


    });

Answer 1

请使用下面的

更新checkSelect功能

//for validation
$scope.checkSelect = function () {
    angular.forEach($scope.person.numPerson, function(value, key) {
        if(value == ''){
            //Show alert or maintain a flag to show error to users
            //perform actions 
        }
    }); 
}

Answer 2

您可以通过模型集合获取这些选定的选项。比如说：

<table>
    <tr ng-repeat="x in names">
        <td>{{ x.Name }}</td>
        <td>
            <select ng-model="person.numPerson[$index]" ng-options="num for num in [] | range:5">
                <option value="">0</option>
            </select>
        </td>
    </tr>
</table>

{{person.numPerson}}

最后一行将使用所选选项打印所有选项。 AngularJS是两个绑定，因此您可以将这些结果放入模型集合中。

如果这不是您想要的输出，请提供更多信息，我们将一起总结。：）

验证ng-repeat表中的选择选项

2 个答案: