如何在angularjs select中避免空自动选项？

Question

<form ng-show="editingUser" class="form-inline editingUser" role="form" name="gebruikerdetailform" novalidate>
<input type="text" class="form-control" ng-model="userDetail.name" placeholder="Naam" ng-required="true"/>
<input type="text" class="form-control" ng-model="userDetail.surname" placeholder="Surname"/>
<select class="form-control" ng-model="userDetail.role">
    <option ng-selected="userDetail.role === 'user' || userDetail.role === ''" >user</option>
    <option ng-selected="userDetail.role === 'admin'">admin</option>
</select>
</form>

在此代码中，由angularjs自动创建空选项<option value="? string: ?"></option> 。 我知道它会在ng-options中不存在ng-model引用的值时发生。 但这不是事实，我不知道如何避免这种行为以及它来自何处。 有任何想法吗？

Answer 1

如果问题与ng-model的初始化有关，则可以使用指令ng-init ，如下所示：

<form ng-show="editingUser" class="form-inline editingUser" role="form" name="gebruikerdetailform" novalidate>
  <input type="text" class="form-control" ng-model="userDetail.name" placeholder="Naam" ng-required="true"/>
  <input type="text" class="form-control" ng-model="userDetail.surname" placeholder="Surname"/>
  <select class="form-control" ng-model="userDetail.role" ng-init="user">
    <option ng-selected="userDetail.role === 'user' || userDetail.role === ''" >user</option>
    <option ng-selected="userDetail.role === 'admin'">admin</option>
  </select>
</form>

查看select定义中ng-init指令的用法。

有关更多信息： https : //docs.angularjs.org/api/ng/directive/ngInit

干杯