فیلتر 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