AngularJS过滤选择器

来源：互联网发布：shell python 编辑：程序博客网时间：2024/06/03 13:07

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="../../angular/angular.js" ></script>
<script>
var app = angular.module("myApp",[]);
app.controller("myCtrl",function($scope,$rootScope){
$scope.money=100;
//创建时间对象
var date = new Date();
$scope.date=date;

$scope.num=123.456;

$scope.user=[{
name:"张三",
age:20
},{
name:"李四",
age:30
},{
name:"王五",
age:25
}];
$scope.student=[{
name:"河北",
age:20
},{
name:"北京",
age:30
},{
name:"天津",
age:25
}];
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl" ng-init="a='zhangpengfei';b='ZHANGPENGFEI'">
货币过滤器:{{money | currency:"¥"}}
大写过滤器:{{a | uppercase}}
小写过滤器:{{b | lowercase}}
日期过滤器:{{date | date:"yyyy/MM/dd/hh:mm:ss"}}
数字限制过滤器:{{num | limitTo:-2}}
数字限制过滤器:{{num | limitTo:4}}
filter过滤器:{{user | limitTo:2}}


默认排序(按下标):{{student | orderBy}}
按下标升序:{{student | orderBy:true}}
按下标降序:{{student | orderBy:"-"}}
按年龄排序:{{student | orderBy:"age"}}
</body>
</html>

阅读全文

0 0