AngularJS下拉需要validation

以下是我的代码片段。 我想validation我的下拉使用angular度。

<td align="left" width="52%"> <span class="requiredSmall">*</span> <select class="Sitedropdown" style="width: 220px;" ng-model="selectedSpecimen().serviceID" ng-options="service.ServiceID as service.ServiceName for service in services"> <option value="" ng-selected="selected">Select Service</option> </select> </td> 

有效的手段：

有效值可以是“select服务”以外的任何值，这是我的默认值。 像其他ASP.net需要字段validation程序DefaultValue =“0”下拉，所以这里我的下拉将被绑定从服务，我想select除“select服务”以外的所有其他值。

Answer 1

你需要添加一个'name'属性到你的下拉列表中，然后你需要添加一个required属性，然后你可以使用myForm.[input name].$error.required引用错误myForm.[input name].$error.required ：

HTML：

 <form name="myForm" ng-controller="Ctrl"> <select name="service_id" class="Sitedropdown" style="width: 220px;" ng-model="ServiceID" ng-options="service.ServiceID as service.ServiceName for service in services" required> <option value="">Select Service</option> </select> <span ng-show="myForm.service_id.$error.required">Select service</span> </form> 

控制器：

 function Ctrl($scope) { $scope.services = [ {ServiceID: 1, ServiceName: 'Service1'}, {ServiceID: 2, ServiceName: 'Service2'}, {ServiceID: 3, ServiceName: 'Service3'} ]; } 

这里是一个工作的笨蛋 。