Javascript 如何在AngularJS中删除下拉列表中的空白和所需的验证？

我有一个下拉列表，我将它与

所有者绑定

，但它提供了额外的空白选项。我想从中删除空白选项。我可以这样做，但当我添加这些更改时，我所需的验证器会显示错误

<md-input-container>
        <select name="owner" ng-model="form.owner" ng-options="owner.UserName for owner in owners"
                class="input-div" style="height:30px" ng-change="ownerTypeChange()" required ng-disabled="update && view">
          <option style="display:none" value=undefined>Select an owner</option>
        </select>
        <div ng-messages="DataAccessRoleForm.owner.$error">
          <div ng-message="required">required</div>
        </div>
      </md-input-container>

选择所有者
必修的

如果删除下面的行，则需要验证程序工作，但下拉选项为空白选项。

<option style="display:none" value=undefined>Select an owner</option>

选择所有者

在显示所需信息之前，检查您的选择是否已被触动

<div ng-if="form.owner.$touched" ng-message="required">required</div>

必需

您还可以将默认选项设置为选中，但在打开下拉列表后不可选择

<option value="" disabled selected hidden>Select an owner</option>

选择所有者

我们可以非常简单地使用md select。对于数据，我们可以使用

ng repeat

工作解决方案：

<md-input-container>
        <md-select name="owner" ng-change="ownerTypeChange()" ng-model="form.owner" class="input-div" required ng-disabled="update && view">
          <md-option  ng-value="owner" ng-repeat="owner in owners">{{owner.UserName}}</md-option>
        </md-select>
        <div ng-messages="DataAccessRoleForm.owner.$error">
          <div ng-message="required">required</div>
        </div>
      </md-input-container>

{{owner.UserName}
必修的

在控制器上，使您的模型等于选项数组的第一个元素

form.owner=owners[0]

以预选您的第一个选项，但默认情况下我不想选择任何内容。然后您将有一个空选项“\_(ツ)_/'@FabioAntunes cute smiley:p设置此错误。找不到指令“ngMessage”所需的控制器“ngMessages”！