angularJs select ng-options 绑定int型的时候绑定失效的坑

<select ng-model="editObj.AdType" ng-options=" type.id as type.name for type in adTypes "></select>

其中type.id是int,这样绑定后下拉框会生成。但是不管editObj.AdType的值是什么都无法绑定成功。

原因在于ng-options会把int型自动转成string。我们要把它转回来就可以了。

  <select ng-model="editObj.AdType" ng-options="convertToInt(type.id) as type.name for type in adTypes "></select>

$scope.convertToInt = function (id) {
return parseInt(id);
};

 还有一种方法就是设置type.id的时候加“”,比如$scope.type = "1";这样也可以轻松绑定

                        <select  ng-model="type" ng-change="get_more()">
	                        <option value="1">箱包</option>
	                        <option value="2">食品饮料</option>
	                        <option value="3">母婴用品</option>
	                        <option value="4">护肤产品</option>
	                        <option value="5">生活用品</option>
                        </select>

 那么为什么会是这样呢,原来angularjs 把select的option value都当做是字符串,所以如果ng-model的值是数字的话就无法绑定了

posted @ 2016-03-18 14:25  westfruit  阅读(637)  评论(0编辑  收藏  举报