Wie wird die Dropdown-Auswahl obligatorisch gemacht, wenn die Variable wahr ist?

Question

Ich habe eine eckige js Dropdown. Ich möchte, dass, wenn meine Variable z. 'x' hat den Wert 'wahr'. Es ist zwingend erforderlich, einen Wert aus der Dropdown-Liste auszuwählen, und bei einem falschen Wert kann dieser Wert gespeichert werden, ohne dass etwas aus der Dropdown-Liste ausgewählt wird. Hier ist mein Dropdown:

<select class="form-control dropdownheight" 
     ng-model="search.hardware" 
     ng-change="search()" > 
    <option value="" selected>Select Hardware</option> 
    <option ng-repeat="box in boxes" value="{{box.name}}">{{box.name}}</option> 
</select> 

Answer 1

Sie können hierfür erforderliche ng.

 <form name="form"> 
    <select ng-model="hardware" class="form-control dropdownheight" ng-change="search()" > 
<option value="" selected>Select Hardware</option> 
<option ng-repeat="box in boxes" value="{{box.name}}">{{box.name}}</option> 
           </select> 

    <label for="input">This input must be filled if `required` is true: </label> 
    <input type="text" id="input" name="input" ng-required="isRequired" /><br> 
    <hr> 
    <code>{{form.input.$error}}</code><br> 
    isRequired = <code>{{isRequired}}</code> 

    <input type="submit" value="Save" ng-disabled="isRequired"/> 
    </form> 

ich geschaffen habe plunkr dafür:

https://plnkr.co/edit/bfWuGCOYLGIV0Krlaaeo?p=preview

Answer 2

Verwenden Sie die ng-required directive:

<select class="form-control dropdownheight" 
     ng-model="search.hardware" 
     ng-change="search()" 
     ng-required="x"> 
    <option value="" selected>Select Hardware</option> 
    <option ng-repeat="box in boxes" value="{{box.name}}">{{box.name}}</option> 
</select> 

Siehe this jsfiddle