使用Ionic Checkbox for To-Do Ionic app

Question

我想知道是否可以使用

<ion-item>
  <ion-label>Item1</ion-label>
  <ion-checkbox [(ngModel)]="item"></ion-checkbox>
</ion-item>

创建待办事项应用，在其中选中离子复选框，然后按提交按钮，该项目将从“待办事项”列表移至“已完成列表”。这些列表将与此相同：

Answer 1

嗨是的，这是可能的，尝试循环和对象

    $scope.todos = [
                {name:"item1" , completed:false},
                {name:"item2" , completed:false},
                {name:"item3" , completed:false}
               ];

使用ng-repeat显示复选框并使用ng-if仅显示已完成和不完整的复选框。

//show uncompleted todos
<ion-item  ng-repeat="todo in todos" ng-if="!todo.completed">
  <ion-label>{{todo.name}}</ion-label>
  <ion-checkbox [(ngModel)]="todo.completed"></ion-checkbox>
</ion-item>

//show completed todos
<ion-item  ng-repeat="todo in todos" ng-if="todo.completed">
  <ion-label>{{todo.name}}</ion-label>
  <ion-checkbox [(ngModel)]="todo.completed"></ion-checkbox>
</ion-item>

这只是一种方法，有很多方法可以做到这一点。