javascript - 已选择 Angular 设置禁用选项

Question

有下一个选择器:

<select
      ng-model="vm.selectedUserState"
      ng-options="u as u.Group disable when u.Obsolete for u in vm.UserStates">
</select>

当页面加载并且当前状态代码被禁用(Obsolete 为真)时，我看到空的选择，我该如何解决这个问题(即使项目被禁用也预先选择一个合适的选项)

Answer 1

你的 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();
  }
}