<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>
運行結果: