AngularJs自定义过滤器
2017-10-13 19:20
344 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="../AngularJS/angular.js" ></script>
<script>
var app = angular.module("myApp",[]);
app.controller("myCtrl",function($scope){
$scope.haha = "hello,angular";
});
//调用filter()方法自定义过滤器
app.filter("myFilter",function(){
return function(text){
return text.replace(/hello/,"你好");
}
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<p>{{haha | myFilter}}</p>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="../AngularJS/angular.js" ></script>
<script>
var app = angular.module("myApp",[]);
app.controller("myCtrl",function($scope){
$scope.haha = "hello,angular";
});
//调用filter()方法自定义过滤器
app.filter("myFilter",function(){
return function(text){
return text.replace(/hello/,"你好");
}
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<p>{{haha | myFilter}}</p>
</body>
</html>
相关文章推荐
- 详解AngularJS中$filter过滤器使用(自定义过滤器)
- AngularJs基础——过滤器filter及自定义过滤器filter
- AngularJs自定义过滤器
- AngularJS自定义过滤器
- AngularJS的组件化、过滤器、自定义过滤器之旅
- 【AngularJS】自定义过滤器
- 详解AngularJS中自定义过滤器
- angularjs 自定义过滤器filter和用法
- angularJs - $filter过滤器使用和自定义过滤器
- AngularJs自定义过滤器
- angularjs 自定义过滤器 改变敏感字
- AngularJS 自定义过滤器
- AngularJs中组件、过滤器、自定义过滤器的使用
- Angularjs自定义过滤器
- AngularJs练习Demo8 自定义过滤器
- angularjs自定义过滤器
- angularjs自定义过滤器
- angularjs自定义过滤器手机号加星
- AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例
- AngularJS中自定义过滤器