Angular九中过滤器
来源:互联网 发布:创世数据网 编辑:程序博客网 时间:2024/05/01 06:58
<!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="MyCont">
<input type="text" ng-model="val"/>
<div>
货币格式<br />
<span>{{val|currency:"¥"}}</span><br />
日期格式<br />
<span>{{val|date:"yyyy-MM-dd"}}</span><br />
转换大写<br />
<span>{{val|uppercase}}</span><br />
转换小写<br />
<span>{{val|lowercase}}</span><br />
限制个数<br />
<span>{{val|limitTo:"-3"}}</span><br />
定义数字<br />
<span>{{val|number}}</span><br />
格式化Json对象<br />
<span>{{val|json}}</span><br />
获取到子子集<br />
<span>{{xin|filter:"张三"}}</span><br />
排序数组<br />
<span>{{xin|orderBy:"-name"}}</span>
</div>
<script>
var mo = angular.module("MyApp",[]);
mo.controller("MyCont",function($scope){
$scope.xin=[{"name":"张三","age":20},{"name":"张二","age":24},{"name":"张三","age":22}]
})
</script>
</body>
</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="MyCont">
<input type="text" ng-model="val"/>
<div>
货币格式<br />
<span>{{val|currency:"¥"}}</span><br />
日期格式<br />
<span>{{val|date:"yyyy-MM-dd"}}</span><br />
转换大写<br />
<span>{{val|uppercase}}</span><br />
转换小写<br />
<span>{{val|lowercase}}</span><br />
限制个数<br />
<span>{{val|limitTo:"-3"}}</span><br />
定义数字<br />
<span>{{val|number}}</span><br />
格式化Json对象<br />
<span>{{val|json}}</span><br />
获取到子子集<br />
<span>{{xin|filter:"张三"}}</span><br />
排序数组<br />
<span>{{xin|orderBy:"-name"}}</span>
</div>
<script>
var mo = angular.module("MyApp",[]);
mo.controller("MyCont",function($scope){
$scope.xin=[{"name":"张三","age":20},{"name":"张二","age":24},{"name":"张三","age":22}]
})
</script>
</body>
</html>
阅读全文
0 0
- Angular九中过滤器
- angular中内置的九种过滤器
- angular中自定义过滤器
- ionic---angular中filter过滤器
- angular过滤器
- angular过滤器
- Angular过滤器
- Angular过滤器
- angular过滤器
- Angular过滤器
- angular过滤器
- angular 过滤器
- angular过滤器
- Angular过滤器
- angular过滤器
- angular中自定义首字母大写的过滤器
- 实现对angular中过滤器的封装
- angular过滤器、自定义过滤器
- Bootstrap的aria-label和aria-labelledby的区别
- 蟠桃记
- MS-SQLServer 2000 T-SQL 交叉报表(行列互换) 交叉查询 旋转查询
- java实现word下载及打包成zip下载(单个文件、多个文件)
- 常见TCP/IP协议记录
- Angular九中过滤器
- webservice定义
- EOJ 2019 加密1 && EOJ 2020 加密2
- Anbox LXC
- sprintf
- OpenGL 入门教程 模型视图投影矩阵 变换光线
- Nginx简单了解
- PageFlip
- mysql order by case when