AnglurJS 常用过滤器

来源:互联网 发布:富春山居图有多烂 知乎 编辑:程序博客网 时间:2024/06/06 02:38
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>过滤器</title>
<script type="text/javascript" src="js/angular.min.js" ></script>

</head>
<body ng-app="myApp" ng-controller="myCtrl">

<h3>基本操作</h3>


<input type="text" ng-model="da" />


<p>货币:{{da|currency:"¥"}}</p>
<p>转小写:{{da|lowercase}}</p>
<p>转大写:{{da|uppercase}}</p>
<p>限制6位数:{{da|limitTo:6}}</p>
<p>限制后6位数:{{da|limitTo:-6}}</p>
<p>日期:{{da|date:"yyyy-MM-dd:hh-mm-ss"}}</p>
<p></p>
<hr />

<h3>filter过滤器,从一个数组里面选择一个子集</h3>
<p>带6的数:{{da2|filter:6}}</p>

<p>排序1:{{da3|orderBy:"-age"}}</p>
<p>排序2:{{da3|orderBy:"age"}}</p>






<script type="text/javascript">

//创建模板
var mb = angular.module("myApp",[]);
//创建控制
mb.controller("myCtrl",function($scope){

//数组
$scope.da2 = [1,24,16,26,36,66,14]

//数组2
$scope.da3 = [{"name":"老大","age":20},{"name":"老二","age":26},{"name":"老三","age":21}]


})
</script>



</body>
</html>
原创粉丝点击