AngualrJS 自定义过滤器

ms_勇往直前

于 2017-11-22 20:07:06 发布

阅读量199

点赞数

文章标签： angularjs

本文链接：https://blog.csdn.net/mhw828/article/details/78607709

版权

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>