Angular实现的一些例子

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