<div ng-app="module" ng-controller="ctrl" style="text-align: center">
<!--原值-->
{{price}} <br>
<!--使用currency过滤器-->
{{price|currency}} <br>
<!--使用currency过滤器用固定的前缀-->
{{price|currency:'¥'}} <br>
<!--使用currency过滤器用固定的前缀并只取1位小数-->
{{price|currency:'¥':1}} <br>
<!--使用number过滤器并只取2位小数-->
{{price|number:2}}<br>
<!--原值-->
{{name}} <br>
<!--使用lowercase转成小写-->
{{name|lowercase}} <br>
<!--使用uppercase转成大写-->
{{name|uppercase}} <br>
<!--原值-->
{{data}} <br>
<!--限制显示2个字-->
{{data|limitTo:2}} <br>
<!--限制显示从0下标开始的前4个字-->
{{data|limitTo:4:0}} <br>
<!--限制显示从2下标开始的前4个字-->
{{data|limitTo:4:2}} <br>
<!--原值时间戳-->
{{time}} <br>
<!--date-->
{{time|date:'yyyy年MM月dd日 HH时mm分ss秒'}} <br>
</div>
<script>
var m = angular.module('module', []);
m.controller('ctrl', ['$scope', function ($scope) {
/*数值,货币过滤*/
$scope.price=1234.567;
/*大小写过滤*/
$scope.name='BaiDu';
/*字数限制过滤*/
$scope.data='欢迎浏览泠泠在路上博客';
/*日期过滤*/
$scope.time=new Date().getTime();
}]);
</script>
运行结果: