angular自定义过滤器
2017-12-11 14:44
453 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
<!--
自定义过滤器
就是接收输入,处理,之后输出
-->
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<input type="text" ng-model="data"/>
<div id="one">
{{data|minganci}}
</div>
<div class="two">
{{data|minganci}}
</div>
<script type="text/javascript">
var mo = angular.module("myApp",[]);
mo.controller("myCtrl",function($scope){
});
//自定义过滤器
mo.filter("minganci",function(){
return function(input){
if(input==undefined){
input="";
}
return input.replace(/法轮功/g,"###");
}
});
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
<!--
自定义过滤器
就是接收输入,处理,之后输出
-->
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<input type="text" ng-model="data"/>
<div id="one">
{{data|minganci}}
</div>
<div class="two">
{{data|minganci}}
</div>
<script type="text/javascript">
var mo = angular.module("myApp",[]);
mo.controller("myCtrl",function($scope){
});
//自定义过滤器
mo.filter("minganci",function(){
return function(input){
if(input==undefined){
input="";
}
return input.replace(/法轮功/g,"###");
}
});
</script>
</body>
</html>
相关文章推荐
- angular 自定义过滤器
- angular 双向绑定把字符串文本过滤成html文本(自定义过滤器)
- Angular.Js中过滤器filter与自定义过滤器filter实例详解
- angular中的自定义过滤器
- Angular自定义过滤器
- Angularjs filter 过滤器以及自定义 filter 过滤器详解
- 自定义过滤器 angular 点赞数99+
- angular 自定义过滤器>>截取字符串、去除字符串中的空格
- 详解Angular的内置过滤器和自定义过滤器【推荐】
- Angular自定义过滤器
- html angular自定义过滤器,指定所需要替换的文字
- angular自定义过滤器过滤时间格式
- angular-filter自定义过滤器运行顺序
- Angular自定义过滤器
- 自学angular系列―过滤器(内置和自定义)
- angular之自定义过滤器的使用
- Angular过滤器 自定义及使用方法
- angular自定义过滤器
- Angular 自定义过滤器
- AngularJs Filter自定义过滤器控制ng-repeat去除重复