<script>
var data = {
user:"吴四",
items:[
{action:"约刘诗诗吃饭",done:false},
{action:"约刘诗诗跳舞",done:false},
{action:"约刘诗诗敲代码",done:true},
{action:"约刘诗诗爬长城",done:false},
{action:"约刘诗诗逛天坛",done:false},
{action:"约刘诗诗看电影",done:false}
]
};
var myapp=angular.module("app",[]);
myapp.filter("doFiler",function () {
return function (items,flage) {
var arr=[];
for(var i=0;i<items.length;i++){
if(items[i].done==false||flage==true){
arr.push(items[i]);
}
}
return arr;
}
});
myapp.controller("ctrl",function ($scope) {
$scope.data=data;
$scope.complate=false;
$scope.count=function () {
var num=0;
for(var i=0;i<$scope.data.items.length;i++){
if($scope.data.items[i].done==false){
num++;
}
}
return num;
};
$scope.add=function () {
if($scope.things){
$scope.data.items.push({"action":$scope.things,"done":false});
}
}
})
</script>
<h2>吴四的日程<span ng-bind="count()"></span></h2>
<input type="text" ng-model="things"><button ng-click="add()">添加</button>
<table>
<tr>
<td>序号</td>
<td>日程</td>
<td>是否完成</td>
</tr>
<tr ng-repeat="item in data.items|doFiler:complate">
<td>{{$index}}</td>
<td>{{item.action}}</td>
<td><input type="checkbox" ng-model="item.done"></td>
</tr>
</table>
<div>显示全部<input type="checkbox" ng-model="complate"></div>