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的值是数字的话就无法绑定了