如何避免在angularjs中选择空的自动选项
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>
中的空选项<option value="? string: ?"></option>
是由angularjs自动创建的。我知道当ng-model引用的值在ng-options中不存在时,会发生这种情况。但事实并非如此,我不明白如何避免这种行为,以及它从何而来。什么好主意吗?
如果问题涉及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
欢呼
相关文章:
- 使用此选项选择父类内部的类
- 更新:仅根据单选按钮和所选选项选择特定项目
- 使用PHP通过HTML表单选项选择器过滤MYSQL结果
- ng-单击在IE中不起作用的选项选择Angularjs
- 从选项选择中删除值
- On为<选项>选择等效项
- 用户界面先前选择的选项选择更改
- 使用ng重复或ng选项和删除空白选项选择长方体角度
- 在HTML5、CSS、JavaScript中添加选项选择器,类似于移动应用程序中的选项设置
- 输入:选中,选项:选择选择器
- 根据使用angularjs从下拉菜单中选择的选项选择适当的复选框
- 如何根据 html 中的选项/选择重定向用户(单击按钮后)
- 使用ng选项选择中的ng选项进行过滤器下拉列表
- 如何设置选项选择的值
- 如何搜索长下拉选项/选择列表
- jQuery - 根据下拉选项选择列出结果
- 从选项选择单击时打开 2 个 URL
- 在 Angular JS 中为 ng 选项选择默认值
- 下拉选项选择的操作
- 通过单击单选按钮清除所有选项选择条目