Можно ли разрешить пользователям выбирать пустое значение в раскрывающемся меню

Question

У меня есть форма с кнопкой сохранения, которая отключается с помощью свойств $pristine и $invalid. Форма имеет выпадающее меню, которое содержит пустое значение в качестве опции выбора. После того, как я выбрал пустое значение, он всегда устанавливает свойство from $invalid в false. Может ли кто-нибудь предложить мне вариант?

Мой код кнопки сохранения, как это

<button class="btn btn-primary app-form-buttons" disabled="disabled" name="btnSave" ng-     disabled="myForm.$pristine || myForm.$invalid" type="submit">
    <i class="icon-save"></i>
</button>

Выпадающий код, как это

<div class="col-sm-8 col-xs-11">
  <select class="form-control" name="Type" ng-model="bus.route" required ng-options="bus.type as type.Type for type in types" >
    <option>---Please Choose---</option>
  </select>
</div>

Answer 1

Проблема была решена. Я пытался проверить форму, используя обязательный атрибут. Который дал мне недопустимую ошибку, когда я выбираю пустое значение. Чтобы преодолеть проблему, я использовал собственный метод внутри атрибута disable.

Answer 2

Похоже, что вам нужно, чтобы отключить параметр заполнителя, так как вы не хотите, чтобы он был выбран.

<div class="col-sm-8 col-xs-11">
   <select class="form-control" name="Type" ng-model="bus.route" ng-options="bus.type as type.Type for type in types" >
       <option disabled>---Please Choose---</option>
   </select>
</div>