过滤
来源:互联网 发布:linux rpm命令详解 编辑:程序博客网 时间:2024/05/01 00:41
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="../js/angular.js" ></script>
<script>
var app = angular.module("myApp",[]);
var date = new Date();
var users = [{
id: 1,
name: "zs",
age: 20
},
{
id: 5,
name: "zs",
age: 21
},
{
id: 1,
name: "ww",
age: 22
}
];
app.controller("myCtrl",function($scope){
$scope.money = 10;
$scope.dates = date;
$scope.user = users;
$scope.arr = ["haha","hehe","xixi","gaga"];
$scope.arr2 = [1,4,8,2,9,6];
$scope.myOrderby = function(user){
//alert("user");
console.log(user);
//return user["id","name"];
}
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<p>货币过滤器:{{money | currency:'¥'}}</p>
<p>日期过滤器:{{dates | date:"yyyy/MM/dd hh:mm:ss EEE"}}</p>
<p>长度过滤器:{{user | limitTo:2}}</p>
<p>filter过滤器:{{arr | filter:"a"}}</p>
<div>
<p>升序:{{arr2 | orderBy}}</p>
<p>升序:{{arr2 | orderBy:true}}</p>
<p>升序:{{arr2 | orderBy:"+"}}</p>
<p>降序:{{arr2 | orderBy:"-"}}</p>
<hr/>
<p>升序:{{user | orderBy:"+"}}</p>
<p>按id升序:{{user | orderBy:"id"}}</p>
<p>按id降序:{{user | orderBy:"id":true}}</p>
<p>按id,name升序:{{user | orderBy:["id","name"]}}</p>
<p>按id,name降序:{{user | orderBy:["-id","-name"]}}</p>
<p>按id降序name升序:{{user | orderBy:["-id","+name"]}}</p>
<hr/>
<p>按id降序:{{user | orderBy:myOrderby}}</p>
</div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="../js/angular.js" ></script>
<script>
var app = angular.module("myApp",[]);
var date = new Date();
var users = [{
id: 1,
name: "zs",
age: 20
},
{
id: 5,
name: "zs",
age: 21
},
{
id: 1,
name: "ww",
age: 22
}
];
app.controller("myCtrl",function($scope){
$scope.money = 10;
$scope.dates = date;
$scope.user = users;
$scope.arr = ["haha","hehe","xixi","gaga"];
$scope.arr2 = [1,4,8,2,9,6];
$scope.myOrderby = function(user){
//alert("user");
console.log(user);
//return user["id","name"];
}
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<p>货币过滤器:{{money | currency:'¥'}}</p>
<p>日期过滤器:{{dates | date:"yyyy/MM/dd hh:mm:ss EEE"}}</p>
<p>长度过滤器:{{user | limitTo:2}}</p>
<p>filter过滤器:{{arr | filter:"a"}}</p>
<div>
<p>升序:{{arr2 | orderBy}}</p>
<p>升序:{{arr2 | orderBy:true}}</p>
<p>升序:{{arr2 | orderBy:"+"}}</p>
<p>降序:{{arr2 | orderBy:"-"}}</p>
<hr/>
<p>升序:{{user | orderBy:"+"}}</p>
<p>按id升序:{{user | orderBy:"id"}}</p>
<p>按id降序:{{user | orderBy:"id":true}}</p>
<p>按id,name升序:{{user | orderBy:["id","name"]}}</p>
<p>按id,name降序:{{user | orderBy:["-id","-name"]}}</p>
<p>按id降序name升序:{{user | orderBy:["-id","+name"]}}</p>
<hr/>
<p>按id降序:{{user | orderBy:myOrderby}}</p>
</div>
</body>
</html>
阅读全文
0 0
- 过滤
- 过滤
- 过滤
- 过滤
- 过滤
- 过滤
- 常规过滤、逻辑过滤
- 关键字过滤 脏话过滤
- filter过滤、servlet过滤
- 基本过滤,内容过滤,可见过滤
- 过滤单引号
- 字符串过滤
- 过滤字符
- 过滤数字
- 文件名过滤
- 过滤字符串
- 过滤空白
- 信息过滤
- XListView上拉刷新下拉加载,数据保存在本地数据库,在断网的情况下可以加载数据库中的数据
- TestDemo03
- slidingMenu的用法
- 商业计划书制作与演示尔雅满分答案
- Modbus协议学习(一)
- 过滤
- C++拷贝构造函数的理解
- 房屋隔离问题(围栏问题)一种解决方法和实现代码。
- 安卓界面——最开始界面的加载
- 题目891:找点
- HDU2222:Keywords Search
- 微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
- Ajax
- 组合数