AngularJs 自定义过滤服务

自定义过滤服务$filter
	通过页面数据模型调用,用来添加水印,添加出处等,在已知内容上添加
	
	语法:app.filter('自定义过滤服务名字',function(){
			
			return function(形参text即页面当中的文本)
			{
					...
					return ...;
			}
	})

代码示例:

<html ng-app='app' ng-controller='main' >
<head>
	<meta charset="utf-8">
	<meta name='viewport' content='width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0'>
	<title ng-bind='mainTitle'></title>

	<link rel="stylesheet" href="iconfont/iconfont.css">
	<link rel="stylesheet" href="css/1.css" type="text/css">
	<script src='jq/jquery-3.4.1.js'></script>
	<script src="js/bootstrap.min.js"></script>
	<script src='js/swiper.jquery.min.js'></script>
	<script src="js/swiper.animate1.0.2.min.js"></script>
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/animate.min.css">
	<script src='js/underscore.js'></script>
	<!-- 引入百度地图 -->
	<script src='js/angular.js'></script>
	<script src='js/angular.route.min.js'></script>	
	<style>

	</style>
</head>
<body >

<p>{{'哈哈哈' | end}}</p>

<script>
	var app=new angular.module('app',[]);

	//自定义过滤服务
	app.filter('end',function(){
		return function(str){
			return str.concat('----by jeff');
		}
	})


</script>
</body>
</html>

发布了300 篇原创文章 · 获赞 3 · 访问量 6395

猜你喜欢

转载自blog.csdn.net/weixin_43294560/article/details/104049828