当前位置:Gxlcms > JavaScript > angluarjs实现过滤并替换关键字小功能

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

时间:2021-07-01 10:21:17 帮助过:8人阅读

本文实例为大家分享了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>

效果如下:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

人气教程排行