当删除下拉选项但需保留用户历史选择时，可通过动态扩展选项列表或条件渲染隐藏项实现：确保 ng-model 绑定值有效（即使不在当前可见选项中），并在 DOM 中按需显示该值为选中态，同时仅展示剩余合法选项。
当删除下拉选项但需保留用户历史选择时，可通过动态扩展选项列表或条件渲染隐藏项实现：确保 `ng-model` 绑定值有效（即使不在当前可见选项中），并在 dom 中按需显示该值为选中态，同时仅展示剩余合法选项。
在使用 oi-select 的 AngularJS 应用中，常见需求是：后端或业务逻辑移除了某个下拉选项（例如从 [A, B, C] 变为 [A, B]），但某条已有数据仍关联已删除的值 C。此时页面加载时，下拉框应正确显示 C 为当前选中项（保障数据一致性与用户体验），而展开下拉菜单时仅列出当前有效的 A 和 B（不暴露已废弃选项）。
核心思路是：分离“显示值”与“可选值”——ng-model 可绑定任意值（包括非列表项），而下拉菜单的 <oi-option></oi-option> 仅渲染合法选项；若当前选中值不在有效列表中，则额外渲染一个“只读占位选项”，用于视觉回显。
✅ 推荐实现方式（基于 oi-select + ng-if）：
<oi-select ng-model="formData.status" oi-options="item.value as item.label for item in availableStatuses"><!-- 正常循环渲染当前有效选项 --><oi-option ng-repeat="item in availableStatuses" value="{{item.value}}">
{{item.label}}
</oi-option><!-- 额外渲染：仅当当前选中值不在 availableStatuses 中时显示 --><oi-option ng-if="!isValueInList(formData.status, availableStatuses)" value="{{formData.status}}" disabled>
{{formData.status}} <!-- 或映射为友好文案，如 "(已停用)" -->
</oi-option></oi-select>
对应控制器逻辑（推荐封装为工具函数）：
$scope.isValueInList = function(value, list) {
return list && list.some(item => item.value === value);
};
// 初始化时确保 availableStatuses 是当前有效列表（不含已删除项）
$scope.availableStatuses = [
{ value: 'active', label: '启用' },
{ value: 'inactive', label: '停用' }
];
// 假设后端返回的原始数据含已删除值 'archived'
$scope.formData = {
status: 'archived' // 此值不在 availableStatuses 中，但需保留显示
};
⚠️ 注意事项：
-
禁用（
disabled="true"）该占位选项，防止用户误选或提交非法值； -
避免修改
availableStatuses数组本身（如push()已删除值），否则会污染真实可选项集合，导致表单校验或提交逻辑出错； - 若需国际化或语义化展示已失效值，可在
ng-if分支中通过{{ getStatusLabel(formData.status) }}动态生成文案； - 确保
oi-select版本支持ng-if在<oi-option></oi-option>内部使用（v0.3+ 通常支持；若不生效，可升级或改用ng-show+ CSSvisibility: hidden替代）。
总结：该方案以最小侵入性满足「显示即所存、选择即所用」的设计目标——既尊重历史数据完整性，又严守当前业务规则边界。
