AngularJS Dropdown требуется проверка

Question

Ниже приведен мой фрагмент кода. Я хочу проверить свой выпадающий с помощью угловых.

<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>

Действительный означает:

Допустимые значения могут быть чем угодно, кроме "Выбрать сервис", это мое значение по умолчанию. Как и другое поле ASP.net Require validator DefaultValue = "0" для раскрывающегося списка, поэтому здесь My dropdown будет связан со службами, и я хочу выбрать все другие значения, кроме "Select Service".

Answer 1

Вам нужно добавить атрибут name в выпадающий список, а затем добавить 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'}
  ];
}

Вот рабочий поршень.