0

我必须使用requiredAngularJS 中的验证来验证下拉列表。我已经创建了验证指令，但指令未加载到选择标记上。如何在下拉列表中加载指令？或者，如何验证下拉菜单？

4

1 回答 1

2

您可以在表单的提交按钮上添加验证方法来检查下拉列表的值。

示例： http: //plnkr.co/edit/PbePIh

应用程序.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;
  }
});

索引.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>

在此示例中，如果您未在下拉列表中选择任何内容或选择了蓝色，则保存按钮将被禁用。

于 2013-03-20T12:52:11.450 回答