angular的过滤器的使用

落日映苍穹つ 2022-09-16 00:15 153阅读 0赞

html:

<!DOCTYPE html>
 <html lang="en">
 
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>Document</title>
 </head>
 <script src="../vendor/angular/angular.js"></script>
 <script src="app/index.js"></script>
 
 <body ng-app="myApp">
 <div ng-controller="testController">
 数字隔开： { { 123456789 | number}} 
 保留3位小数点： { { 123.456789 | number:3}}
 货币： { { 1238666 | currency}}
 货币写法： { { 1238666 | currency:'rmb:'}}
 日期格式medium： { { today|date:'medium'}}
 日期格式short： { { today|date:'short'}}
 日期格式fullDate： { { today|date:'fullDate'}}
 日期格式longDate： { { today|date:'longDate'}}
 日期格式mediumDate： { { today|date:'mediumDate'}}
 日期格式shortDate： { { today|date:'shortDate'}}
 日期格式mediumTime： { { today|date:'mediumTime'}}
 日期格式shortTime： { { today|date:'shortTime'}}
 日期格式y： { { today|date:'y'}}
 日期格式yy： { { today|date:'yy'}}
 日期格式M： { { today|date:'M'}}
 日期格式MM： { { today|date:'MM'}}
 日期格式MMM： { { today|date:'MMM'}}
 日期格式d： { { today|date:'d'}}
 日期格式dd： { { today|date:'dd'}}
 日期格式EEE： { { today|date:'EEE'}}
 日期格式EEEE： { { today|date:'EEEE'}}
 日期格式HH： { { today|date:'HH'}}
 日期格式H： { { today|date:'H'}}
 日期格式hh： { { today|date:'hh'}}
 日期格式h： { { today|date:'h'}}
 日期格式mm： { { today|date:'mm'}}
 日期格式m： { { today|date:'m'}}
 日期格式ss： { { today|date:'ss'}}
 日期格式s： { { today|date:'s'}}
 日期格式.sss： { { today|date:'.sss'}}
 日期格式y-M-d H:m:s： { { today|date:'y-MM-d H:m:s'}}
 
 </div>
 </body>
 
 </html>

js：

var app = angular.module('myApp', [])
    
    app.controller('testController', function($scope) { 
        $scope.today = new Date();
    
    })

效果如图：  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5L2g55qE576O77yM6K6p5oiR55e06L-3_size_20_color_FFFFFF_t_70_g_se_x_16]

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5L2g55qE576O77yM6K6p5oiR55e06L-3_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/a67fbf0f7d3c4774b38797700ef6d1e4.png