当前位置：首页 > 资讯 > 技术文档

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

时间：2022-03-25 07:00 编辑：来源：阅读：
扫一扫，手机访问

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

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

效果如下: [img]http://files.jb51.net/file_images/article/201709/201791993810855.jpg?201781993820[/img] 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程素材网。

全部评论(0)

上一篇：js读取json的两种常用方法示例介绍
下一篇：JavaScript中的console.time()函数详细介绍

资讯排行榜
更多>>