erforderlich funktioniert nicht für Dropdown in HTML

Question

Ich bin mit diesem Problem mit erforderlichen Tag konfrontiert. Ich möchte das Qualitätsfeld als Pflichtfeld festlegen, ohne dass die gültige Option in der Liste ausgewählt ist, die Schaltfläche zur Aktualisierung der Rechnungsstellung sollte nicht aktiviert sein. Fehle ich etwas im Code? Bitte überprüfen Sie die ansonsten Bedingung Teil Ich bin dankbar für die Hilfe hier.

else 
{ 
    <div class="form-horizontal" ng-class="{'has-error':Edit.Quality.$invalid && 
     Edit.Quality.$dirty}"> 
     <div class="form-group"> 
      <label class="control-label col-lg-2 pull-left">Quality<span class="Imp">*</span></label> 
      <div class="col-lg-8"> 
       <select id="Quality" name="Quality" class="form-control" style="width:170px" ng-model="vm.EditRef_UI.Quality" tooltip="Quality is required" 
         tooltip-placement="top" tooltip-trigger="mouseenter" required> 
        <option selected disabled value="">(Select a Timeline)</option> 
        <option value="Satisfactory">Satisfactory</option> 
        <option value="NotSatisfactory">Not Satisfactory</option> 
       </select> 
      </div> 
     </div> 
    </div> 
} 

Button-Code:

<button type="button" class="btn btn-primary" data-dismiss="modal" data-ng-click="vm.Edit()" ng-disabled="Edit.$invalid" id="ticketEditbtn">Update Billing</button> 

Answer 1

Angular die String-Bindungen hat, da dies article vorgeschlagen, so befriedigend die Bedingung durch den übergebenen Wert. Dies verhindert, dass die Anforderung ausgelöst wird, da in der ausgewählten Option Wert vorhanden ist.

Answer 2

Sie loke diese verwenden:

<select id="Quality" name="Quality" class="form-control" style="width:170px" ng-model="vm.EditRef_OCBUI.Quality" tooltip="Quality is required" 
        tooltip-placement="top" tooltip-trigger="mouseenter" required="required"> 

wil i Arbeit