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

首先，这是一份很好的文档：

here

你需要一个布尔值作为复选框，所以在示例中使用

 $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进行循环

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

});

使用离子复选框

1 个答案: