angluarjs过滤并替换关键字功能实现代码

程序员文章站 2022-04-15 19:37:34

...

本文主要和大家大家详细介绍angluarjs实现过滤并替换关键字小功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。

html样式

<body ng-app="myapp" ng-controller="myCtrl">
   <input type="text" ng-model="keytext">
   <p>{{ keytext|wordFilter:"#" }}</p>
</body>

//自定义过滤器，并且替换关键字

<script>
    var myapp=angular.module("myapp",[]);
    /*自定义过滤器*/
    myapp.filter("wordFilter",function () {
      return function (msg,flag) {
        /*替换关键字*/
        return msg.replace(/枪|子弹/g,flag);
      }
    })
    myapp.controller("myCtrl",function ($scope) {
      $scope.keytext="";
    })
  </script>

效果如下:

angluarjs过滤并替换关键字功能实现代码