ion-radio ng-value 值不能为string类型

dailuwen

ion-radio ng-value 值不能为string类型，话不多说直接附代码......

1. controller  里面定义
   
2. $scope.onVehicleType = function(){
   
3.                         $scope.vehPopup = {'vehicleType':$scope.vehicle.vehicleType};
   
4.                         var vehicleType =$ionicPopup.show({
   
5.                                 templateUrl: 'templates/popup/vehicleType.html', // String (可选)。在弹窗body内的html模板的URL : '<h3>这是弹框</h3>',
   
6.                                 title : '选择车型',
   
7.                                 scope : $scope,
   
8.                                
   
9.                                 buttons : [
   
10.                                            {text : 'Cancel'},
    
11.                                            {text : '<b>Ok</b>',
    
12.                                                 type : 'button-positivve',
    
13.                                                 onTap : function(e){
    
14.                                                         if(null != $scope.vehPopup.vehicleType){
    
15.                                                                 $scope.vehicle.vehicleType = $scope.vehPopup.vehicleType;
    
16.                                                         }
    
17.                                                        
    
18.                                                         // 当点击时，e.preventDefault() 会阻止弹窗关闭。
    
19.                                                         return $scope.vehPopup.vehicleType;//返回给定的值
    
20.                                                 }
    
21.                                            }
    
22.                                   ]
    
23.                         });
    
24.                 };

复制代码

以上是 自定义controller，一个方法，当触发这个方法的时候，弹出vehicleType.html 页面，

1. <div class="list">

复制代码

以下为执行结果！
会默认选择 车型4.5 选项，而且直接报错或拿不到值

dailuwen

html页面好像没显示对，重新附上！

dailuwen

1. <div class="list">
   
2.                 <ion-radio ng-model="vehPopup.vehicleType" ng-value='4'>车型4</ion-radio>
   
3.                 <ion-radio ng-model="vehPopup.vehicleType" ng-value='sss4.5'>车型4.5</ion-radio>
   
4.                 <ion-radio ng-model="vehPopup.vehicleType" ng-value='5'>车型5</ion-radio>
   
5. </div>

复制代码

dailuwen

原因已找出。
直接这样写不行，会报错或取不到值，

1. <div class="list">
   
2.                 <ion-radio ng-model="vehPopup.vehicleType" ng-value='4'>车型4</ion-radio>
   
3.                 <ion-radio ng-model="vehPopup.vehicleType" ng-value='sss4.5'>车型4.5</ion-radio>
   
4.                 <ion-radio ng-model="vehPopup.vehicleType" ng-value='5'>车型5</ion-radio>
   
5. </div>

复制代码

如果这样写那就没任何问题了。

1. $scope.vehTypeList = [{'text':'车型4', 'value':'4.0'},{'text':'车型4', 'value':'sss4.5'},{'text':'车型4', 'value':'5.0'}];
   
2.                        

复制代码

dailuwen

dailuwen 发表于 2015-9-28 17:13
原因已找出。
直接这样写不行，会报错或取不到值，

<div class="list">
        <ion-radio ng-repeat="item in vehTypeList" ng-value="item.value" ng-model="vehPopup.vehicleType">
          {{ item.text }}
        </ion-radio>
</div>