有下一个选择器:
<select
ng-model="vm.selectedUserState"
ng-options="u as u.Group disable when u.Obsolete for u in vm.UserStates">
</select>
当页面加载并且当前状态代码被禁用(Obsolete 为真)时,我看到空的选择,我该如何解决这个问题(即使项目被禁用也预先选择一个合适的选项)
最佳答案
你的 ng-model
可能在加载时未定义,如果你想要一个初始选择的项目,请在你的 Controller 中设置你的 ng-model
vm.selectedUserState = vm.UserStates[selectionKeyName]
更新: 查看 Angular 源代码,我认为这是不可能的:
if (option && !option.disabled) { //Skips if it's disabled <----
if (selectElement[0].value !== option.selectValue) {
removeUnknownOption();
removeEmptyOption();
selectElement[0].value = option.selectValue;
option.element.selected = true;
option.element.setAttribute('selected', 'selected');
}
} else {
if (value === null || providedEmptyOption) {
removeUnknownOption();
renderEmptyOption();
} else {
removeEmptyOption();
renderUnknownOption();
}
}
关于javascript - 已选择 Angular 设置禁用选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35177263/