1-16.Angular备忘录-添加已完成

1.添加已完成数组

app.controller('taskController', ['$scope', function ($scope) {
...
    $scope.finishList = [
        {name:'SK87', checked:true},
        {name:'SKV5', checked:true}
    ];
}


2.遍历数组,ng-repeat, ng-checked

  • {{fin.name}} 删除 详情

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)"


  • ....
  • 你可能感兴趣的:(1-16.Angular备忘录-添加已完成)