使用離子複選框的待辦事項離子應用

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> 

這只是一種方式，有很多方法可以做到這一點。