Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 获取ion复选框值的方法_Angularjs_Ionic Framework - Fatal编程技术网

Angularjs 获取ion复选框值的方法

Angularjs 获取ion复选框值的方法,angularjs,ionic-framework,Angularjs,Ionic Framework,我正在尝试从复选框中获取值,以便绑定它。 但我一直在用条件(对还是错)来理解它 当我单击复选框时,它会将我的模型设置为: [9:正确,15:正确] 我想要的是一个平面阵列,如: [9,15] 是否有更好的方法从复选框中获取值并在模型的数组中设置它们 {{model.model_number} 当前顺序:{{order} .controller('compareModelsCtrl'、['$scope'、'$http'、'$state', 函数($scope、$http、$state、$loca

我正在尝试从复选框中获取值,以便绑定它。 但我一直在用条件(对还是错)来理解它

当我单击复选框时,它会将我的模型设置为:

[9:正确,15:正确] 我想要的是一个平面阵列,如:

[9,15] 是否有更好的方法从复选框中获取值并在模型的数组中设置它们

{{model.model_number}
当前顺序:{{order}
.controller('compareModelsCtrl'、['$scope'、'$http'、'$state',
函数($scope、$http、$state、$location){
$http.get('js/data.json').success(函数(数据){
$scope.models=数据;
$scope.whichmodel=$state.params.modelId;
//$scope.toggleStar=函数(模型){
//model.star=!model.star;
//}
$scope.order={};

默认情况下,Ionic framework不会这样做。您需要自定义函数,例如下面代码中的
格式
。因为我没有您的
数据.json
文件,所以我模拟了双离子复选框

     <ion-content ng-controller="LoginCtrl">
       <ion-checkbox  ng-model="order[0]" ng-change="format()" >1 </ion-checkbox>
       <ion-checkbox  ng-model="order[1]" ng-change="format()" >2</ion-checkbox>
    current order: {{modifiedOrder}}
  </ion-content>
您以前的订单是
modifiedOrder
请参见此处的工作代码。 祝你好运!

在Html文件中

<ion-content padding>
  <ion-input type="text" placeholder="What's Your groups name?"></ion-input>
  <ion-list>

        <ion-item *ngFor="let friend of friendList">
          <ion-label>{{friend.name}}</ion-label>
          <ion-checkbox [(ngModel)]="friendsSelected[friend.name]"></ion-checkbox>
        </ion-item>  
    </ion-list>
    <button ion-button  (click)="save()">Save</button>
</ion-content>

id“:“0”,“型号”:“BT168562.3”,“转子图纸”;“4.01591”,材料“:“17-4 PH”,“叶数”;“5/6”,“轮廓长度”:51.00,“总长度”:55.00,我在数据json中有100个id,我如何将它们放在ng model=“order[]”谢谢,它是这样工作的{model.model\u number}当前顺序:{{modifiedOrder}}好的,太好了!愉快的编码。你好,Dinesh,我正在尝试显示其他值,带有来自datajson的id以及id,这里还有另一个信息,你能帮我吗
angular.module('ionic.example', ['ionic'])
.controller('LoginCtrl', function($scope) {
$scope.order={};
$scope.format=function(){
  $scope.modifiedOrder=[];
  angular.forEach($scope.order, function(value, key) {
    if(value){
      $scope.modifiedOrder.push(parseInt(key));
    }
});
}
});
<ion-content padding>
  <ion-input type="text" placeholder="What's Your groups name?"></ion-input>
  <ion-list>

        <ion-item *ngFor="let friend of friendList">
          <ion-label>{{friend.name}}</ion-label>
          <ion-checkbox [(ngModel)]="friendsSelected[friend.name]"></ion-checkbox>
        </ion-item>  
    </ion-list>
    <button ion-button  (click)="save()">Save</button>
</ion-content>
 friendsSelected:any={};

   save(){
    var array = [];
    for(var i in this.friendsSelected) {
        console.log(this.friendsSelected[i]);
        if(this.friendsSelected[i] == true) {
            array.push(i);
        }
    }
    console.log(array);
  }