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 ng-href 指令,这里对ng-href 基础资料进行详细介绍,并附代码实例,有兴趣的小伙伴可以参考下2016-08-08
这篇文章主要介绍了angular *Ngif else用法详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-12-12
本文主要介绍了angular.foreach 循环方法使用格式及参数，是篇非常基础的文章，与需要的小伙伴参考下2015-01-01
Angular通过angular-cli来搭建web前端项目的方法
这篇文章主要介绍了Angular通过angular-cli来搭建web前端项目的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
AngularJS报错$apply already in progress的解决方法分析
这篇文章主要介绍了AngularJS报错$apply already in progress的解决方法,较为详细的分析了报错$apply already in progress的原理、处理技巧与相关注意事项,需要的朋友可以参考下2017-01-01
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
这篇文章主要介绍了AngularJS验证信息框架的封装插件用法,分析了AngularJS表单验证规则并实例说明了w5cValidator扩展插件的相关使用技巧,需要的朋友可以参考下2016-11-11
ng-events类似ionic中Events的angular全局事件
这篇文章主要介绍了ng-events类似ionic中Events的angular全局事件,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2018-09-09
本文是小编日常收集整理的关于：AngularJS中最重要的核心功能，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-07-07
angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例
这篇文章主要介绍了angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
详解Angular 4.x NgTemplateOutlet
这篇文章主要介绍了详解Angular 4.x NgTemplateOutlet,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
最新评论