Angularjs-filters
提供:Dev Guides
AngularJS-フィルター
フィルタは、データを変更するために使用されます。 それらは、パイプ(|)文字を使用して、表現またはディレクティブでクラブ化できます。 次のリストは、一般的に使用されるフィルターを示しています。
Sr.No. | Name & Description |
---|---|
1 |
uppercase テキストを大文字のテキストに変換します。 |
2 |
lowercase テキストを小文字のテキストに変換します。 |
3 |
currency 通貨形式でテキストをフォーマットします。 |
4 |
filter 指定された基準に基づいて、配列をそのサブセットにフィルターします。 |
5 |
orderby 指定された基準に基づいて配列を順序付けます。 |
大文字フィルター
パイプ文字を使用して、大文字のフィルターを式に追加します。 ここでは、大文字のフィルターを追加して、生徒名をすべて大文字で印刷します。
小文字フィルター
パイプ文字を使用して、小文字のフィルターを式に追加します。 ここでは、小文字のフィルタを追加して、学生名をすべて小文字で印刷します。
通貨フィルター
パイプ文字を使用して数値を返す式に通貨フィルターを追加します。 ここでは、通貨形式を使用して印刷料金に通貨フィルターを追加しました。
フィルタ
必要なサブジェクトのみを表示するには、フィルターとしてsubjectNameを使用します。
OrderByフィルター
件名をマークで並べるには、orderByマークを使用します。
例
次の例は、上記のすべてのフィルターの使用を示しています。
testAngularJS
出力
ファイル_testAngularJS_をWebブラウザーで開きます。 結果をご覧ください。