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>

效果如下:

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

(0)

相关推荐

  • JavaScript 过滤关键字

    效果图: 话不多说,请看代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> em { font-size: 16px; color: red; } </style> </head> <body> <p i

  • JS使用正则表达式实现关键字替换加粗功能示例

    本文实例讲述了JS使用正则表达式实现关键字替换加粗功能的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

  • 关键字空格替换为逗号的js代码 原创

    新闻添加窗口 function doKeywords() { document.form1.keyword.value = document.form1.keyword.value.replace(new RegExp(',',"gm"),','); document.form1.keyword.value = document.form1.keyword.value.replace(new RegExp(' ',"gm"),','); } 关 键 字: 现在关键字

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

    本文实例为大家分享了angluarjs实现过滤并替换关键字的具体代码,供大家参考,具体内容如下 html样式 <body ng-app="myapp" ng-controller="myCtrl"> <input type="text" ng-model="keytext"> <p>{{ keytext|wordFilter:"#" }}</p> </b

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

    本文实例为大家分享了angularjs实现过滤并替换关键字的具体代码,供大家参考,具体内容如下 html样式 <body ng-app="myapp" ng-controller="myCtrl"> <input type="text" ng-model="keytext"> <p>{{ keytext|wordFilter:"#" }}</p> </b

  • PHP实现多关键字加亮功能

    本文主要介绍的是PHP实现多关键字加亮功能,可以实现在搜索的时候进行高亮提醒,具体实现代码如下: 项目结构: 搜索结果:  高亮显示 项目所需数据库结构: 实现代码: conn.php <?php $conn = @ mysql_connect("localhost", "root", "") or die("数据库链接错误"); mysql_select_db("form", $conn); mys

  • Python使用正则表达式去除(过滤)HTML标签提取文字功能

    正则表达式是一个特殊的字符序列,可以帮助您使用模式中保留的专门语法来匹配或查找其他字符串或字符串集. 正则表达式在UNIX世界中被广泛使用. 下面给大家介绍下Python使用正则表达式去除(过滤)HTML标签提取文字,具体代码如下所示: # -*- coding: utf-8-*- import re ##过滤HTML中的标签 #将HTML中标签等信息去掉 #@param htmlstr HTML字符串. def filter_tags(htmlstr): #先过滤CDATA re_cdata=

  • vue实现搜索小功能

    本文实例为大家分享了vue实现搜索小功能的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <input type="text" v-model=&qu

  • 正则表达式实现添加、删除、替换三种功能

    最近呢,公司让写一个组件,要求用正则表达式构建一个中文的匹配组件,许多问题就来了,大多是用自动机来构建一个正则表达式的引擎,小编虽然大学的时候学过编译原理,可奈何现在已经忘得差不多了,只能通过现有的正则表达式来进行功能实现. 下面的代码呢实现了通过用正则表达式来对某一个句子的添加.替换.删除三种操作,不知道这个适不适合大家的口味,反正小编已经做好让公司头批评的准备了,因此小编是在是现学不来呀. # -*- conding:utf-8 -*- import re txt = '这个池子的体积大约是

  • 原生JS封装_new函数实现new关键字的功能

    一.前言 众所周知:没有对象怎么办?那就new一个! 那么在JS中,当我们new一个对象的时候,这个new关键字内部都干了什么呢? 现在我们就来剖析一下原生JS中new关键字内部的工作原理. 二.原始的new 首先,我们先new一个对象看看: //创建Person构造函数,参数为name,age function Person(name,age){ this.name = name; this.age = age; } //实例化对象小明 xm = new Person('xiaoming',1

  • Android中BroadcastReceiver实现短信关键字自动回复功能

    前言:因公司业务需要,需要一台手机专门回复客户订购的套餐的短信,之前一直是人工手动回复,但比较麻烦且回复可能不及时,于是项目经理就让实现根据短信的关键字自动回复功能. 实现手机短信监听的方式有两种:一是通过ContentObserver观察者实现监听,另一种就是通过广播即BroadcastReceiver实现短信监听,文章中通过使用BroadcastReceiver实现有新短信的及时监听及包含设定的关键字时自动回复. 效果图: 清单文件添加权限: <uses-permission android

  • vue中添加与删除关键字搜索功能

    具体代码如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible

随机推荐