使用离子复选框的待办事项离子应用

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-重复显示的复选框，并使用NG-如果只显示完整和不完整的。

//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> 

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