[英]How to avoid empty automatic option in an angularjs select?
<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引用的值時發生。 但這不是事實,我不知道如何避免這種行為以及它來自何處。 有任何想法嗎?
如果問題與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
干杯
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.