Question

我正在使用Ionic框架开发移动应用程序。我不知道如何制作检查项目的清单？我尝试了很多方法来做到这一点

有人可以帮我吗？

例如我的复选框部分代码：

>    <ul class="list" ng-repeat="item in TreatmentsSpa">
>       <li class="item item-checkbox">
>         <label class="checkbox">
>           <input type="checkbox">
>         </label>
>       {{item.Name}}
>       </li>

TreatmentSpa是来自Webapi的JSON

我想制作一个包含已检查项目名称的列表。

Answer 1

可能对你有帮助..这里我在运行时设置了ng-model（treatment.selected）。

<ion-view view-title="films" ng-controller="TreatmentSpaController">     <ion-content class="padding">
 <div class="item-accordion"
      ng-repeat="treatment in TreatmentSpa track by $index">
   <ion-item class="item item-checkbox">
     <label class="checkbox">
       <input type="checkbox" ng-model="treatment.selected" ng-change="updateTreatmentSpa(treatment)">
     </label>
     {{treatment.name}}
   </ion-item>
 </div>   </ion-content>

控制器：

.controller('TreatmentSpaController', function($scope,$http ) {
$scope.treatmentSpaCheckedItems = [];
$scope.TreatmentSpa = [
  {name:'One'},
  {name:'Two'},
  {name:'Three'},
  {name:'Four'},
  {name:'Five'}
];

$scope.updateTreatmentSpa = function(treatment){
  console.log(' new name  :'+treatment.name);
  if(treatment.selected){
    $scope.treatmentSpaCheckedItems.push(treatment.name);
  }else{
 $scope.treatmentSpaCheckedItems.splice($scope.treatmentSpaCheckedItems.indexOf(treatment.name), 1);
  }
   console.log('checked TreatmentSpa:'+$scope.treatmentSpaCheckedItems);
};});

如何在Ionic框架中使用Checkbox Item？

1 个答案: