使用离子复选框答案

【问题标题】：Using ionic check-box使用离子复选框
【发布时间】：2017-01-18 03:22:29
【问题描述】：

我是 ionic 新手，我正在学习使用 ion-check 复选框，所以我有一个带有名称的复选框列表。检查名称时，应在提交时显示它们。我已经尝试了代码，但不确定我使用它的方式是否正确

文件.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>

【问题讨论】：

标签： angularjs ionic-framework

【解决方案1】：

首先这里有一个很好的文档：

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

你需要一个布尔复选框，所以像示例中一样使用

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

    .
    .
    ]

如果你有一个数组，你需要像文档中那样循环

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

第二个提示一般避免空格：

list.name [0]=  "John"; ->list.name[0]=  "John";

第三个技巧使用角度循环

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

});

【讨论】：