AngularJS过滤器

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

墨明棋妙呀

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

阅读量246

点赞数

本文链接：https://blog.csdn.net/Wangmengyao1115/article/details/78502671

版权

<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:"zs",
age:20
},{
name:"ls",
age:21
},{
name:"ww",
age:22
},{
name:"wb",
age:250
}];

//$scope.student = "zazzz";
$scope.student = [{
name:"张三",
age:20
},{
name:"李四",
age:21
},{
name:"王五",
age:22
},{
name:"赵六",
age:38
},{
name:"王八",
age:28
}];
});

</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl" >
货币过滤器：{{money | currency:"￥"}}
大写过滤器：{{"hello,bawei" | uppercase}}
大写过滤器：{{"HELLO,BAWEI" | lowercase}}
日期过滤器：{{ date | date:"yyyy/MM/dd hh:mm:ss"}}
限制过滤器：{{ num | limitTo:-3}}
限制过滤器：{{ user | limitTo:-2}}

filter过滤器：{{ student | filter:{"name":"张三","age":20} }}
<hr />

默认排序(按下标)：{{student | orderBy }}
按下标升序：{{student | orderBy:true }}
按下标降序：{{student | orderBy:"-" }}
按年龄降序：{{student | orderBy:"-name" }}

</body>

墨明棋妙呀

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS过滤器

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
复制链接

扫一扫