AngularJSでは、
{{}}というタグを使って、さまざまな値を表示させることができます。単に値を表示するだけならほとんどノンプログラミングでした。しかし、値というのは、単に「渡されたものをそのまま表示するだけ」というものばかりではありません。
例えば数字の値を金額として￥マークを表示しよう、と思ったとしましょう。この場合、すべての出力部分に￥記号を付け足していく、というのはあまり手軽とはいえません。
こうしたときに用いられるのが「
フィルター」です。フィルターは、さまざまな値を自動的に操作するための機能です。これは、以下のように利用します。
{{ 変数など | フィルター }}変数などの後に｜記号を付け、その後にフィルターを用意します。複数のフィルターを同時に使いたい場合は、
{{ 変数など | フィルター1 | フィルター2 | …… }}このようにしていくつもつなげて書くこともできます。
このフィルターは、AngularJS本体に汎用的なものがいくつか用意されており、それらはいつでも利用することができます。また、自分でオリジナルのフィルターをプログラムして使うことも可能です。