AngualrJS 自定义过滤器

来源:互联网 发布:初学c语言 编辑:程序博客网 时间:2024/06/05 14:28

AngualrJS 自定义过滤器

2017/11/22 19:06:37


屏蔽字符串中的某个字符

    <!DOCTYPE html>    <html lang="en">    <head>        <meta charset="UTF-8">        <title>Title</title>        <script type="text/javascript" src="js/angular.min.js"></script>        <script type="text/javascript">            var app = angular.module("msApp", []);            //自定义过滤器 使用filter            app.filter("filterString", function () {                return function (text) {                    //返回屏蔽xx字符后的字符串                    /**正则表达式 sx 表示要搜索的字符串 g表示全局搜索 ,                     替换字符串中所有的sx字符,如果不使用正则表达式只能替换第一处                     **/                    return text.replace(new RegExp("sx", "g"), "**")                }            })        </script>    </head>                                <!--   初始化字符 -->    <body ng-app="msApp" ng-init="strtem='  sx Hello sx sx sx World sx'">    <!-- 输出字符 ,并且使用自定义过滤器 -->    <h1>{{strtem|filterString}}</h1>    </body>    </html>

结果

** Hello ** ** ** World **

原创粉丝点击