首页 > web前端 > js教程 > angluarjs过滤并替换关键字功能实现代码

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

小云云
发布: 2018-02-08 11:29:35
原创
1417 人浏览过

本文主要和大家大家详细介绍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>
登录后复制

效果如下:

相关推荐:

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

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

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

以上是angluarjs过滤并替换关键字功能实现代码的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板