javascript - que - ng-cloak not working

AngularJS Dropdown requiere validación

Question

Lo siguiente es mi fragmento de código. Quiero validar mi menú desplegable usando 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>

Válido significa:

Los valores válidos pueden ser cualquier cosa excepto "Seleccionar servicio", es mi valor predeterminado. Al igual que otro ASP.net, requiera el validador de campo DefaultValue = "0" para el menú desplegable, por lo que aquí Mi lista desplegable estará vinculada a los servicios y deseo seleccionar todos los demás valores excepto "Seleccionar servicio".

Answer 1

Debe agregar un atributo ''nombre'' a su lista desplegable, luego debe agregar un atributo required y luego puede hacer referencia al error utilizando 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>

Controlador:

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

Aquí hay un plunker funciona.