<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>过滤器-格式化展示数据</title>
</head>
<body ng-app="App">
<div ng-controller="DemoController">
<ul>
<li>{{price|currency:'¥'}}</li>
<li>{{now|date:'yyyy-MM-dd EEEE HH:mm:ss.sss'}}</li>
<li>{{items|filter:'s'}}</li>
<li>{{students|filter:{age:16} }}</li>
<li>{{students|json}}</li>
<li>{{items|limitTo:2}}</li>
<li>{{str|uppercase}}</li>
<li>{{str|lowercase}}</li>
<li>{{num|number:3}}</li>
<li>{{items|orderBy}}</li>
</ul>
</div>
</body>
<script src="angular.min.js"></script>
<script>
var App=angular.module('App',[]);
App.controller('DemoController',['$scope',function ($scope) {
$scope.price=11.11;
$scope.now=new Date();
$scope.items=['html','css','js'];
$scope.students=[
{name:'xiao',age:20},
{name:'xiao',age:16},
{name:'xio',age:20},
{name:'xiao',age:16},
{name:'xiao',age:20},
];
$scope.str="asdaSDAsda";
$scope.num=12321.3123;
}])
</script>
</html>
针对于ANGULAR的过滤器进行的代码编写filter,date,orderBy测试
猜你喜欢
转载自blog.csdn.net/qq_33589252/article/details/79045372
今日推荐
周排行