angularjs实现过滤并替换关键字小功能
更新时间：2017年09月19日 09:38:36 作者：XJian
这篇文章主要为大家详细介绍了angularjs实现过滤并替换关键字小功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了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点击图片放大实现上传图片预览的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
本文给大家介绍AngularJS控制器继承自另一控制器的相关内容，小编认为介绍的非常不错，具有参考借鉴价值，感兴趣的朋友参考下吧2016-05-05
这篇文章主要介绍了AngularJS的通信机制,AngularJS是非常具有人气的JavaScript库,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了使用AngularJS创建自定义的过滤器的方法,AngularJS是非常热门的JavaScript库,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了AngularJS中下拉框的高级用法,结合实例形式分析了AngularJS下拉框的遍历、选择、绑定、显示等功能实现方法,需要的朋友可以参考下2017-10-10
详解如何在Angular应用中发起HTTP 302 redirect
这篇文章主要介绍了如何在Angular应用中发起HTTP 302 redirect详解，有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-12-12
angularjs+bootstrap实现自定义分页的实例代码
本篇文章主要介绍了angularjs+bootstrap实现自定义分页的实例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
本文主要介绍AngularJS Select,这里给大家整理一些资料详细讲解,并提供实例代码,有需要的小伙伴参考下2016-07-07
这篇文章主要为大家介绍了Angular 项目路径添加指定的访问前缀方法详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
这篇文章主要介绍了AngularJS 实现按需异步加载实例代码的相关资料,需要的朋友可以参考下2015-10-10
最新评论