查找

来源：互联网发布：施工动画制作软件编辑：程序博客网时间：2024/04/30 00:08
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <style>        table{            border-collapse: collapse;        }        th,td{            padding: 10px;            border: 1px solid #000;        }    </style>    <script src="angular-1.5.5/angular.min.js"></script>    <script>        var myapp=angular.module("myapp",[]);        myapp.filter("word",function(){            return function(msg,flag){                return msg.replace(/枪|法轮功/g,flag)            }        });        myapp.filter("word2",function(){            return function(msg){                return msg.replace(/枪|法轮功/g,function(word){                    var content="";                    for(var i=0;i<word.length;i++){                        content+="*"                    }                    return content;                })            }        });        myapp.controller("myCtrl",function($scope){            $scope.arr=["1","2","3","4"];            $scope.data=[{                "name":"zs",                "age":"20",                "sex":"boy",                "salary":"15000"            },{                "name":"ls",                "age":"22",                "sex":"boy",                "salary":"13000"            },{                "name":"ww",                "age":"18",                "sex":"girl",                "salary":"12000"            }];            //$scope.search=null;            $scope.in="";            $scope.revers=false;            $scope.sortColumn="name";            $scope.sort=function(column){                if( $scope.sortColumn==column){                    $scope.revers=!$scope.revers;                }                $scope.sortColumn=column;            }        });    </script></head><body ng-app="myapp" ng-controller="myCtrl"><!--货币过滤-->    <p>{{1000|currency:"ss"}}</p><!--uppercase-->    <p>{{"HELLOworld"|uppercase}}</p>    <p>{{"HELLOworld"|lowercase}}</p><!--格式化时间-->    <p>{{1507774056568|date:"yyyy-MM-dd hh-ss-mm EEE"}}</p>    <ul>        <li ng-repeat="item in arr|limitTo:2">{{item}}</li>    </ul>    <input type="text" ng-model="search">    <table>        <thead>        <tr>            <th ng-click="sort('name')">姓名</th>            <th ng-click="sort('age')">年龄</th>            <th ng-click="sort('sex')">性别</th>            <th ng-click="sort('salary')">薪资</th>        </tr>        </thead>        <tbody>        <tr ng-repeat="item in data|filter:{name:search}|orderBy:sortColumn:revers">            <td>{{item.name}}</td>            <td>{{item.age}}</td>            <td>{{item.sex}}</td>            <td>{{item.salary}}</td>        </tr>        </tbody>    </table>    <input type="text" ng-model="in">    <p>{{in|word:'#'}}</p>    <p>{{in|word2}}</p></body></html>
阅读全文
0 0