AngularJs内置了一些过滤器,像日期格式化,字符串转json,大小写,数字格式化。下面来看它的使用方法。
一个过滤器不带参数的情况:{{expression | filter}}
一个过滤器带参数的情况:{{expression | filter:arguments}}
一个过滤器器带多个参数的情况:{{expression | filter:arg1:arg2:...}}
多个过滤器不带参数的情况:{{expression | filter1 | filter2 |...}}
下面是使用例子:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html ng-app>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/angular.js"></script>
</head>
<body>
大小写:
<input type="text" ng_model="username" placeholder="world"/><br/>
小写lowercase:{{username|lowercase}}<br/>
大写uppercase:{{username|uppercase}}<br/>
<hr/>
number:
<input type="text" ng_model="num"/><br/>
保留两位小数:{{num | number:2}}
<hr/>
currency:
<input type="text" ng_model="currency"/><br>
货比符号:{{currency | currency:$}}
<hr/>
date:<input type="text" ng_model="today"/><br/>
yyyy-mm-dd: {{ today | date: "yyyy-mm-dd"}}<br/>
yyyy-mm-dd HH:mm::ss: {{ today | date: "yyyy-mm-dd HH:mm::ss"}}<br/>
<hr/>
json:
{{ {"name":"dreamapple","language":"AngularJS"} | json}}
</body>
</html>