AngularJSフィルタフィルタ

AngularJS リファレンスマニュアル

定義と使用法

filter フィルタは配列をフィルタリングし、一致するアイテムのみを含む配列を返します。

このフィルタは配列にのみ使用できます。

関連ページ

AngularJSチュートリアル：Angular フィルタ

インスタンス

例1

アルファベット“A”を含むアイテムを表示：



    
<li ng-repeat="x in cars | filter : 'A'">{{x}}</li>

亲自试一试

例2

オブジェクトを使用してフィルタリング：



    
<li ng-repeat="x in customers | filter : {'name' : 'O', 'city' : 'London'}">
    {{x.name + ", " + x.city}}

亲自试一试

例子 3

进行“严格”比较，除非值与表达式完全相同，否则不会返回匹配项：



    

  • 
    {{x.name + ", " + x.city}}

    •

亲自试一试

语法

{{ arrayexpression | filter : expression : comparator }}

パラメータ

パラメータ 説明
expression

配列から選択するプロジェクトに使用される表現です。表現のタイプは以下の通りです：

文字列：文字列と一致する配列要素を返します。

オブジェクト：配列内で検索するパターンです。例えば、filter: {"name" : "H", "city": "London"} は、名前が「H」で、都市が「London」を含む配列要素を返します。上記の例を参照してください。

関数：各配列要素に対して呼び出される関数で、true を返す要素が結果の配列に表示されます。
comparator

オプション。比較の厳密度を定義します。値は以下の通りです：

true：配列の要素の値が比較する値と完全に一致する場合のみ、一致するアイテムを返します。

false：配列の要素の値に比較する値が含まれている場合、一致するアイテムを返します。この比較は大文字と小文字を区別しません。デフォルトの値です。

関数：一致するものと不一致のものを決定するための関数を定義できます。

AngularJS リファレンスマニュアル