使用离子复选框的待办事项离子应用
问题描述:
我在想,如果有可能使用使用离子复选框的待办事项离子应用
<ion-item>
<ion-label>Item1</ion-label>
<ion-checkbox [(ngModel)]="item"></ion-checkbox>
</ion-item>
创造,你检查离子复选框,然后按一个待办事项应用一个提交按钮,项目从“待办事项”列表移至“完成列表”。这些列表会在同一页上像这样:
答
嗨是的,这是可能的,尽量循环和对象
$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>
这只是一种方式,有很多方法可以做到这一点。