angularjs过滤器

最新推荐文章于 2021-03-25 09:35:17 发布

tyilack_小小黑

最新推荐文章于 2021-03-25 09:35:17 发布

阅读量228

点赞数

分类专栏： angularjs 文章标签： angularjs javascript

本文链接：https://blog.csdn.net/u014520745/article/details/52918782

版权

angularjs 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html ng-app="app">
<head>
	<meta charset="utf-8">
	<title>ee</title>
	<script type="text/javascript" src="angular.min.js"></script>
</head>
<body ng-controller="c17">

<div> {{8.88|number:1|currency}} </div>
<input type="text" name="key" ng-model="key">
<table>
	<tr>
		<th ng-click="title='$index';desc=!desc">序号</th>
		<th ng-click="title='name';desc=!desc">姓名</th>
		<th ng-click="title='score';desc=!desc">分数</th>
		<th ng-click="title='sex';desc=!desc">sex</th>
	</tr>
	<!-- 这里一定要加单引号 '-score' -->
	<!-- <tr ng-repeat="stu in data| filter:findFilter | orderBy:'-score' |orderBy:title:desc | limitTo:3 | young:1"> -->
	<tr ng-repeat="stu in data|orderBy:title:desc|filter: {name:key}">
		<td> {{$index+1}} </td>
		<td> {{stu.name}} </td>
		<td> {{stu.score}} </td>
		<td> {{stu.sex}} </td>
	</tr>
</table>

<script type="text/javascript">
	var app = angular.module("app", []);
	app.controller("c17", ['$scope', function($scope) {
		$scope.data = [
			{'name':"aaa", "score":88, "sex" :"男"},
			{'name':"bbb", "score":55, "sex" :"男"},
			{'name':"ccc", "score":77, "sex" :"男"},
			{'name':"ddd", "score":66, "sex" :"男"},
			{'name':"eee", "score":66, "sex" :"女"},
		];
		$scope.findFilter = function(e) {
			return e.score > 60 && e.score < 80;
		}
		$scope.title='name';
	}]);
	app.filter('young', function() {
		return function(e, type) {
			var _out = [];
			var _sex = type ? "男" : "女";
			for(var i = 0; i < e.length; i++) {
				if (e[i].sex == _sex) {
					_out.push(e[i]);
				}
			}
			return _out;
		}
		
	});
</script>
</body>
</html>