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>

转载于:https://www.cnblogs.com/zzwerzi/p/7561071.html