فیلتر AngularJS

تعریف و استفاده

filter فیلتر به ما اجازه می‌دهد آرایه‌ها را فیلتر کنیم و آرایه‌ای كه فقط شامل موارد تطابق دارد را بازگرداند.

این فیلتر فقط برای آرایه‌ها قابل استفاده است.

صفحات مرتبط

آموزش AngularJS:انگولار فیلٹر

مثال

مثال 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:如果数组项目的值包含要比较的值,则返回匹配项。此比较不区分大小写。这是默认值。

فونکشن: ہم ایک فونکشن کا تعریف کرسکتے ہیں جس سے پتہ چل سکتا ہے کہ کیا کو تلاش کیا جانا چاہئے یا نہیں تلاش کیا جانا چاہئے۔