Как сделать выпадающий выбор обязательным, если переменная истинна?

Question

У меня есть угловой раскрывающийся список js. Я хочу, чтобы, если мой вариант, например, «x» имеет значение true, он делает обязательным выбирать значение из раскрывающегося списка и вызывать ложное значение, которое позволяет ему сохранить его, не выбирая ничего из раскрывающегося списка. Вот мое падение вниз:

<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

Вы можете использовать нг для этого требуется.

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

Я создал plunkr для него:

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

Answer 2

Используйте 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> 

См this jsfiddle