公告墙

来源：互联网发布：林业大数据平台编辑：程序博客网时间：2024/06/02 10:07
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <script src="../angular-1.5.5/angular.js"></script>    <script>        var data=["今天我觉得天气不错","你觉得今天天气怎么样"];        var myapp=angular.module("myapp",[]);        myapp.controller("myCtrl",function ($scope) {           $scope.data=data;           $scope.add="";           $scope.fb=function (ss) {              // alert(ss)           /*    if( ss.indexOf("枪")==-1) {                   $scope.data.push(ss);                   $scope.ss = null;               }*/           if (ss!=null){     $scope.data.push(ss);               $scope.ss = null;   }           }        });        //用过滤器        myapp.filter("ww",function () {            return function (pp) {                    return pp.replace(/枪|法轮功|色情|暴力|传销/g,function (nn) {                        var cu="";                        for(var i=0;i<nn.length;i++){                            cu+="*";                        }                        return cu;                    });            }        })    </script>    <style>        ul{            width: 400px;              height: 400px;              border: 1px solid #12AAFF;          }        ul li{            list-style: none;            margin: 10px;        }        button{            margin-left: 100px;        }    </style></head><body ng-app="myapp" ng-controller="myCtrl">    <h3>公告墙</h3>        <ul>            <li ng-repeat="a in data track by $index|ww">{{a|ww}}</li>        </ul>      输入框   <input type="text" ng-model="add"><br>       <button ng-click="fb(add)">发布</button></body></html>
阅读全文
0 0