如何让ngOptions根据模型属性值选择选项时忽略大小写？

你遇到的核心问题是AngularJS的ng-options默认使用**全等运算符（===）**做值比较，只有字符串完全一致时才会选中对应选项。下面给你几个实用的解决思路，你可以根据业务场景选最合适的：

方案1：标准化客户状态值的大小写 #

最直接的方式是把后端返回的客户状态值，转换成和states列表中name一致的格式（比如首字母大写、其余小写），实现严格匹配。

先写个工具函数来格式化字符串：

// 格式化字符串为「首字母大写+其余小写」的格式
vm.normalizeStateName = function(str) {
  if (!str) return '';
  return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
};

// 获取到客户状态后先做格式化
vm.customer.state = vm.normalizeStateName(vm.customer.state);

不管原来的状态是'alaska'、'ALASKA'还是'alAska'，都会被转换成'Alaska'，和列表里的名称完全匹配，下拉菜单就能自动选中对应选项。

方案2：绑定状态编码（Code）而非名称 #

状态编码（比如AK、AL）通常是固定且大小写一致的，用它做绑定能彻底避免大小写问题，稳定性更高。

首先，把客户的状态名称转换成对应的编码：

// 构建不区分大小写的「名称→编码」映射表
const stateNameMap = {};
vm.states.forEach(state => {
  stateNameMap[state.name.toLowerCase()] = state.code;
});

// 将客户的状态名称转换成编码
const normalizedState = vm.customer.state.toLowerCase();
vm.customer.stateCode = stateNameMap[normalizedState] || '';

然后修改下拉菜单的ng-model和ng-options：

<select name="state" ng-model="vm.customer.stateCode" ng-options="s.code as s.name for s in vm.states">
  <option value=""></option>
</select>

这种方式的优势是，编码作为唯一标识比名称更稳定，就算以后名称有调整，编码一般不会变动，适配性更强。

方案3：绑定整个状态对象而非字符串 #

如果业务逻辑需要用到完整的状态对象，也可以直接绑定对象来实现匹配：

先从states列表中找到和客户状态名称（不区分大小写）匹配的对象：

vm.customer.state = vm.states.find(state => {
  return state.name.toLowerCase() === vm.customer.state.toLowerCase();
}) || null;

然后调整下拉菜单的ng-options语法：

<select name="state" ng-model="vm.customer.state" ng-options="s.name for s in vm.states">
  <option value=""></option>
</select>

这里ng-model绑定的是整个状态对象，只要找到匹配的对象（引用一致），下拉菜单就会自动选中对应选项，完全不受字符串大小写影响。

个人更推荐方案2，用编码做唯一标识的鲁棒性最高~

内容的提问来源于stack exchange，提问作者Tony_Henrich