<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>过滤器</title>
<script type="text/javascript" src="js/angular.min.js" ></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<p>转小写：{{da|lowercase}}</p>
<p>转大写：{{da|uppercase}}</p>
<p>限制6位数:{{da|limitTo:6}}</p>
<p>限制后6位数:{{da|limitTo:-6}}</p>
<p>日期:{{da|date:"yyyy-MM-dd:hh-mm-ss"}}</p>
<p></p>
<hr />
<h3>filter过滤器，从一个数组里面选择一个子集</h3>
<p>带6的数：{{da2|filter:6}}</p>
<p>排序1：{{da3|orderBy:"-age"}}</p>
<p>排序2：{{da3|orderBy:"age"}}</p>
<script type="text/javascript">
//创建模板
var mb = angular.module("myApp",[]);
//创建控制
mb.controller("myCtrl",function($scope){
//数组
$scope.da2 = [1,24,16,26,36,66,14]
//数组2
$scope.da3 = [{"name":"老大","age":20},{"name":"老二","age":26},{"name":"老三","age":21}]
})
</script>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>过滤器</title>
<script type="text/javascript" src="js/angular.min.js" ></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<h3>基本操作</h3>
<input type="text" ng-model="da" />
<p>转小写：{{da|lowercase}}</p>
<p>转大写：{{da|uppercase}}</p>
<p>限制6位数:{{da|limitTo:6}}</p>
<p>限制后6位数:{{da|limitTo:-6}}</p>
<p>日期:{{da|date:"yyyy-MM-dd:hh-mm-ss"}}</p>
<p></p>
<hr />
<h3>filter过滤器，从一个数组里面选择一个子集</h3>
<p>带6的数：{{da2|filter:6}}</p>
<p>排序1：{{da3|orderBy:"-age"}}</p>
<p>排序2：{{da3|orderBy:"age"}}</p>
<script type="text/javascript">
//创建模板
var mb = angular.module("myApp",[]);
//创建控制
mb.controller("myCtrl",function($scope){
//数组
$scope.da2 = [1,24,16,26,36,66,14]
//数组2
$scope.da3 = [{"name":"老大","age":20},{"name":"老二","age":26},{"name":"老三","age":21}]
})
</script>
</body>
</html>
扫一扫
169
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
