イオンチェックボックスを使用する

Question

イオンとイオンに新しい、イオンチェックボックスを使うことを学ぶので、名前のチェックボックスのリストがあります。名前がチェックされると、それらは提出時に表示されるべきです。私は私が使用している方法は、コードを試みたが、わからなかった、それが正しい

file.js：

var list= {}; 
list.name = new Array(7); 
list.name [0]= "John"; 
list.name [1] = "Krish"; 
list.name [2] = "Jessica"; 
list.name [3] = "Volizt"; 

controller.js：

myApp.controller('myCtrl",function($scope) 
    { 
    $scope.names= list.name; 
    $scope.submit=function() 
    { 
    $scope.finalList=[]; 
    for(var i=0; i<$scope.names.length;i++) 
    { 
    var item=names[i].checked; 
     if(item.checked){ 
     $scope.finalList.push(item); 
     } 
    } 
    } 
    }); 

HTML：

<ion-check ng-model="checkedNames" ng-change="selectedname()"> 
    <button ng-click="submit()">Submit</button> 

Answer 1

まず第一に、良い文書です：

https://ionicframework.com/docs/api/directive/ionCheckbox/

は、あなたはあなたが一般的なドキュメントの

<ion-checkbox ng-repeat="name in names" 
         ng-model="name.checked" 
         ng-checked="name.checked"> 
      {{ name.name}} 
     </ion-checkbox> 

第2の先端のようなループに必要な配列を持っている場合、その例

$scope.names= [ 
    {name="John", checked=false}, 

    . 
    . 
    ] 

にように使用するチェックボックスのためのブール値を必要としますスペースを避ける：

第3ヒントループのために角度を使用する

angular.forEach($scope.names, function (name, index) { 

});