1.添加已完成数组
app.controller('taskController', ['$scope', function ($scope) {
...
$scope.finishList = [
{name:'SK87', checked:true},
{name:'SKV5', checked:true}
];
}
2.遍历数组,ng-repeat, ng-checked
<div class="list_body">
<ul>
<li class="item" ng-repeat="fin in finishList">
<input type="checkbox" ng-checked="fin.checked">
<!--<span class="item_content">SKV587SKV587</span>-->
<span class="item_content">{{fin.name}}</span>
<span class="del">删除</span>
<span class="detail">详情</span>
</li>
</ul>
</div>
3.添加已完成方法
app.controller('taskController', ['$scope', function ($scope) {
//定义添加已完成方法
$scope.addFinish = function (key) {
//从原来数组中取出删除元素, splice 返回删除元素的数组
var items = $scope.taskList.splice(key, 1);
//改变选中状态
items[0].cheched = true;
//添加到已完成任务列表中
$scope.finishList.push(items[0]);
};
}
4.给 checkbox 添加点击完成方法 ng-click="addFinish(key)"
<!--展示模型数据-->
<li class="item" ng-repeat="item in taskList" >
<input type="checkbox" ng-checked="item.checked" ng-click="addFinish(key)">
....
</li>
