AngularJSの組み込みフィルターの詳しい説明_AngularJS

今日は AngularJS の組み込みフィルターについて学びます

これらの組み込みフィルターの使用方法を見てみましょう:

パラメータのないフィルタ
{{式フィルター}}

パラメータを備えたフィルター
{{式 | 引数}}

複数のパラメーターを持つフィルター
{{式 | フィルタ: arg1: arg2: ...}}

パラメーターのない複数のフィルター
{{式 | フィルター 2 ...}}

以下では、AngularJS の次の組み込みフィルターを使用します

通貨

currency では、独自の通貨記号を設定できます。デフォルトでは、クライアントが存在する地域の通貨記号が使用されます。
次のように使用できます: {{ 3600 | 通貨: "$￥"}}
返された結果は $￥123.00
クリックしてオンライン コードをプレビューします

番号

数値フィルターは数値をテキストにフォーマットします。そのパラメーターはオプションであり、小数点以下の桁数を制御するために使用されます。
数値以外の文字が渡された場合は、空の文字列
が返されます。 次のように使用できます: {{ 3600 | 数値:2}}
返される結果は次のとおりです: 3,600.00
クリックしてオンライン コードをプレビューします

小文字

小文字は文字列を小文字に変換します
次のように使用できます: {{ "Hello"}}
返される結果は次のとおりです: hello
クリックしてオンライン コードをプレビューします

大文字

uppercase は文字列を大文字に変換します
次のように使用できます: {{ "Hello"}}
返される結果は次のとおりです:HELLO
クリックしてオンライン コードをプレビューします

json

json フィルターは、JSON または JavaScript オブジェクトを文字列に変換できます。
このフィルターはデバッグに非常に役立ちます
次のように使用できます: {{ {"name":"dreampapple"," language":"AngularJS"} json}}
返される結果は次のとおりです: { "name": "dreamapple", " language": "AngularJS" }
クリックしてオンライン コードをプレビューします

日付

日付フィルターは日付を希望の形式にフィルターします。これは本当に優れたフィルターです。
このフィルターにはさまざまな使用方法があります。一般的に使用される方法をいくつか紹介します。
{{ 今日の日付: "yyyy - mm - dd"}}
結果は次のようになります: 2015-15-13
{{ 今日の日付: "yyyy - mm - dd HH:mm::ss"}}
結果は次のようになります: 2015-18-13 20:18::38
[オンラインコード](2015 - 18 - 13 20:18::38)

組み込みフィルターも 3 つありますが、使用方法はもう少し複雑です。次の記事で説明します。

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。