<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title></title>
<script src="../../js/angular.min.js"></script>
<script>
var m1=angular.module('myApp',[]);
m1.controller("Test",["$scope","$filter",function($scope){
$scope.name1=3.1415926;
$scope.name2="HELO world";
$scope.name3={"name":"lyj","age":"26"};
$scope.name4=['a','d','b','c'];
var toDay=new Date();
$scope.st=toDay.getTime();
$scope.name=[
{color:"red",age:20},
{color:"blue",age:25},
{color:"yellow",age:30},
{color:"green",age:50}
]
}])
</script>
</head>
<body>
<div ng-controller="Test">
<p>1、给数据添加货币符</p>
<p>{{name1 | currency:"¥"}}</p>
<p>2、确定小数位数</p>
<p>{{name1 | number:2}}</p>
<p>3、字符串转大写</p>
<p>{{name2 | uppercase}}</p>
<p>{{name2 | lowercase}}</p>
<p>4、输出json格式数据</p>
<p><pre>{{name3 | json}}</pre></p>
<p>5、limitTo:限制输出的个数,可用于字符串及数组。</p>
<p>{{name4 | limitTo:3}}</p>
<p>6、设置日期格式</p>
<p>{{st | date:"yyyy-MM-dd"}}</p>
<p>7、对数组中的元素排序</p>
<p>{{name | orderBy:"age":true}}</p>
<p>8、数据筛选过滤</p>
<p>{{name | filter:40}}</p>
<p>9、应用多个过滤器</p>
{{name2 | limitTo:2 | uppercase}}
<p>10、自定义过滤器</p>
</div>
</body>
AngularJS函数(二)
最新推荐文章于 2020-12-22 10:11:11 发布