编程 Javascript

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

Posted in Javascript onSeptember 19, 2017

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

效果如下:

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持三水点靠木。

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

- Author -

XJian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

使用onbeforeunload属性后的副作用

Mar 08 Javascript

javascript 对象定义方法简单易学

Mar 22 Javascript

JS 实现导航栏悬停效果(续)

Sep 24 Javascript

jquery鼠标放上去显示悬浮层即弹出定位的div层

Apr 25 Javascript

jQuery实现复选框成对选择及对应取消的方法

Mar 03 Javascript

javascript将DOM节点添加到文档的方法实例分析

Aug 04 Javascript

jQuery选择器及jquery案例详解(必看)

May 20 Javascript

js实现无缝循环滚动

Jun 23 Javascript

Javascript之面向对象--方法

Dec 02 Javascript

vue.js 初体验之Chrome 插件开发实录

May 13 Javascript

微信小程序wx.uploadfile 本地文件转base64的实现代码

Jun 28 Javascript

Node+OCR实现图像文字识别功能

Nov 26 Javascript

详解vue-cli与webpack结合如何处理静态资源

Sep 19 #Javascript

前端常见跨域解决方案（全）

Sep 19 #Javascript

详解.vue文件中监听input输入事件（oninput）

Sep 19 #Javascript

JavaScript数组去重的多种方法(四种)

Sep 19 #Javascript

一步步教你利用Canvas对图片进行处理

Sep 19 #Javascript

vue2.0开发入门笔记之.vue文件的生成和使用

Sep 19 #Javascript

js实现QQ面板拖拽效果（慕课网DOM事件探秘）（全）

Sep 19 #Javascript