您的位置：首页 > Web前端 > AngularJS

angularjs学习笔记(二) 自定义filter

2016-10-22 10:19 330 查看
过滤器（filter）-----过滤器的主要用途就是一个格式化数据的小工具，一般用于服务端存储的数据转换为用户界面可以理解的数据

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body ng-app="app">
<div id="">
<!-- 管道符号"|" 后面跟的就是过滤器名称，":"后面跟参数-->
<p>{{true | tr}}</p>
<p>{{false | tr : 2}}</p>
</div>
<script src="js/angular.js"></script>
<script>
var app=angular.module('app',[])
//filter 里面 tr 就是自定义的过滤器名称
.filter('tr',function(){
//param 为传入的参数，style对应过滤器传入的参数
return function(param,style){
//短路运算符
style = style || 1;
switch(style){
case 1:
return param ? "kawa1-true":"kawa1-false";
case 2:
return param ? "kawa2-true":"kawa2-false";
}
}
});
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航