angularJs过滤器(货币转换,大小写,字数限制,日期)

来源:互联网 发布:东莞三星视界待遇知乎 编辑:程序博客网 时间:2024/06/06 01:39
<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:'yyyyMMddHHmmss秒'}} <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>

运行结果:
这里写图片描述