为待办事项 Ionic 应用程序使用 Ionic 复选框

Question

我想知道是否可以使用一个

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

创建一个待办事项应用程序，您可以在其中选中 ion 复选框，然后按下提交按钮，该项目将从“待办事项”列表移动到“已完成列表”。这些列表将在同一页面上：

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>

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