有没有办法让用户从角度下拉菜单中选择一个空白值

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

您似乎需要将占位符选项设置为禁用，因为您不希望它被选中。

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

Answer 2

问题已经解决了。我试图使用required属性验证表单。当我选择空白值时，这给了我一个无效的错误。为了克服这个问题，我在disable属性中使用了自定义方法。