• 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>
     
  • 相关阅读:
    JS中数字和字符相加相减问题
    学习JQGRID
    认识三层架构
    log4net.dll
    UML统一建模语言
    纳税服务系统【条件查询数据回显、分页】
    纳税服务系统【抽取BaseService、条件查询】
    Jquery总结图
    Hibernate逆向工程【PowerDesigner、idea环境下】
    纳税服务系统【信息发布管理、Ueditor、异步信息交互】
  • 原文地址:https://www.cnblogs.com/zzwerzi/p/7561071.html
Copyright © 2020-2023  润新知