zoukankan      html  css  js  c++  java
  • 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的值是数字的话就无法绑定了

  • 相关阅读:
    第07组 Beta冲刺(1/5)
    软工实践个人总结
    SDN大作业
    第08组 Beta版本演示
    2019 SDN上机第7次作业
    第08组 Beta冲刺(5/5)
    第08组 Beta冲刺(4/5)
    第08组 Beta冲刺(3/5)
    第08组 Beta冲刺(2/5)
    2019 SDN上机第6次作业
  • 原文地址:https://www.cnblogs.com/westfruit/p/5291943.html
Copyright © 2011-2022 走看看