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

论坛 期权论坛 脚本     
nimin   2020-12-20 00:17   12   0

本文实例为大家分享了angularjs实现过滤并替换关键字的具体代码,供大家参考,具体内容如下

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>

效果如下:

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

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:1012780
帖子:202556
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP