AngularJS ng-model字符串转数字：解决下拉框空白选项问题

首先，你遇到的空白选项问题确实是因为ngModel的值与<option>的value类型不匹配导致的：AngularJS发现myObject.value的类型（大概率是字符串）和你定义的<option>的数字value不匹配，无法找到对应选项，就自动生成了那个<option value="? number:1 ?" selected="selected"></option>空白选项。

你之前尝试的ng-model="parseInt(myObject.value)"和ng-model="myObject.value | number"报错，是因为ng-model要求绑定的是可赋值的变量表达式，而parseInt(...)或过滤器返回的是一个计算结果，不是可以双向绑定的变量，所以会抛出“非赋值元素”的错误。

下面给你几个不需要自定义指令的解决方案：

方案1：在控制器层面转换类型（推荐） #

最稳妥的方式是在控制器里把myObject.value转换成数字类型，确保它和<option>的value类型一致：

// 在控制器初始化或获取到数据后执行
myObject.value = parseInt(myObject.value, 10);
// 或者用Number()更简洁
// myObject.value = Number(myObject.value);

这样myObject.value变成数字后，AngularJS就能正确匹配对应的<option>，不会生成空白选项，同时建议去掉ng-selected——因为ng-model会自动处理选中状态，两者混用容易冲突。

方案2：用ng-value替代value绑定数字 #

把视图里的value换成ng-value，直接绑定数字类型的值，让<option>的value和myObject.value的类型匹配：

<select id="myValue" ng-model="myObject.value" ng-change="foo()">
  <option ng-value="0" localize="MyValue0"></option>
  <option ng-value="1" localize="MyValue1"></option>
</select>

ng-value会直接把值作为数字传递，而value属性默认是字符串类型。这样即使myObject.value是数字，也能精准匹配，同时不需要ng-selected，ng-model会自动管理选中状态。

方案3：临时用ng-init快速转换（不推荐复杂场景） #

如果暂时无法修改控制器代码，可以在<select>标签上用ng-init做一次性的类型转换：

<select id="myValue" ng-model="myObject.value" ng-change="foo()" ng-init="myObject.value = parseInt(myObject.value, 10)">
  <option value="0" localize="MyValue0"></option>
  <option value="1" localize="MyValue1"></option>
</select>

注意：ng-init不推荐用于复杂逻辑，只是临时救急的方式，长期来看还是控制器处理更规范。

总结一下：核心是让myObject.value的类型和<option>的value类型保持一致（都是数字），这样AngularJS就能正确匹配选项，不会生成那个讨厌的空白选项啦！

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