欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-07-06 20:46:14
本文实例为大家分享了angluarjs实现过滤并替换关键字的具体代码,供大家参考,具体内容如下 html样式

本文实例为大家分享了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实现过滤并替换关键字小功能

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