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

小云云
小云云 原创
2018-02-08 11:29:35 1006浏览

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

html样式


<body ng-app="myapp" ng-controller="myCtrl">
   <input type="text" ng-model="keytext">
   <p>{{ keytext|wordFilter:"//m.sbmmt.com/m/faq/#" }}</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>

效果如下:

相关推荐:

Angularjs过滤器完成排序功能实例详解

jQuery子元素过滤选择器如何使用

Angular搜索 过滤 批量删除一些功能总结

以上就是angluarjs过滤并替换关键字功能实现代码的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。