代码下载：https://files.cnblogs.com/files/xiandedanteng/angularJSFilter.rar
显示效果：
页面代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html ng-app="notesApp"> <head> <title> New Document </title> <style> .bluetext{ color:blue; } </style> <meta charset="gbk"> <script src="angular1.4.6.min.js"></script> </head> <body ng-controller="MainCtrl as ctrl"> <p>Hi,I am <span class="bluetext" ng-bind="ctrl.user.name|uppercase"></span> .Everyone like to call me <span class="bluetext" ng-bind="ctrl.user.shortname|lowercase"></span></p> <p>I have <span class="bluetext" ng-bind="ctrl.user.fans|number"></span> fans around the world.</p> <p>I can bring you <span class="bluetext" ng-bind="ctrl.user.money|currency"></span> </p> <p>Now it is <span class="bluetext" ng-bind="ctrl.user.time|date:'medium'"></span>,date is <span class="bluetext" ng-bind="ctrl.user.time|date "></span>.</p> </body> </html> <script type="text/javascript"> <!-- angular.module('notesApp',[]) .controller('MainCtrl',[function(){ var self=this; self.user={name:"Angular JavaScript",shortname:"AglJS",fans:123456789,money:9087564312}; self.user.time=new Date().getTime(); }]); //--> </script>
本文转自张昺华-sky博客园博客，原文链接：http://www.cnblogs.com/xiandedanteng/p/7422783.html，如需转载请自行联系原作者
