angular の $filter サービスの簡単な分析

まず、$filter サービスを紹介します。

1. $filter は、データの書式設定に使用される専用のサービスです。

2. AngularJS には、通貨、日付、フィルター、limitTo、小文字、大文字、数値が組み込まれています。 orderBy これらの 8 つのフィルター:

3. フィルターはパイプ記号「|」で区切ることができます。

4. ユーザーはフィルターをカスタマイズできます。

組み込みフィルターの紹介:

通貨: 値の前に「$」または「￥」を自動的に追加するなど、通貨の書式設定に使用されます。

date: 日付をフォーマットします。豊富な日付フォーマットを提供します。

json: 完全な json フォーマット。

数値: 小数点以下2桁への変換など。

orderBy: 並べ替え。

フィルターの簡単な使用:

{{ 1304375948024 | date }}
{{ 1304375948024 | date:"MM/dd/yyyy h:mma" }}
{{ 1304375948024 | date:"yyyy-MM-dd hh:mm:ss" }}
{{ 30 | currency }}

出力:

2011年5月3日

05/03/2011 6:39AM

2011-05-03 06:39:08
$30.0 0


カスタマイズされたフィルター:

例:

var myModule = angular.module('myModule',[]);
myModule.filter('myFilter',function(){
return function(item){
return 'Hi,'+item;
}
});

使用: {{ 'JennyLin' }}