Angularjs ';必需的';下拉列表的验证
我必须使用AngularJS中的Angularjs ';必需的';下拉列表的验证,angularjs,angularjs-directive,Angularjs,Angularjs Directive,我必须使用AngularJS中的required验证来验证下拉列表。我已经创建了用于验证的指令,但该指令未加载到select标记上。如何在下拉列表中加载指令?或者,如何验证下拉列表?您可以在表单的“提交”按钮上添加验证方法,以检查下拉列表的值 例如: app.js: var app = angular.module('plunker', []); app.controller('MainCtrl', function($scope) { $scope.colors = [{name: 'b
required
验证来验证下拉列表。我已经创建了用于验证的指令,但该指令未加载到select标记上。如何在下拉列表中加载指令?或者,如何验证下拉列表?您可以在表单的“提交”按钮上添加验证方法,以检查下拉列表的值
例如:
app.js:
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.colors = [{name: 'blue'}, {name:'red'}, {name:'yellow'}];
$scope.reqColor = function() {
if ($scope.color && $scope.color.name && $scope.color.name != 'blue') return false;
return true;
}
});
index.html:
<body ng-controller="MainCtrl">
<form name="form">
<select ng-model="color" ng-options="c.name for c in colors"></select><br>
<button ng-disabled="form.$invalid || reqColor()">Save</button>
</form>
</body>
拯救
在本例中,如果您没有在下拉列表中选择任何内容或选择蓝色,则“保存”按钮将被禁用