مرشح AngularJS

دليل مرجعي AngularJS

التعريف والاستخدام

تصفية يسمح المرشح بتصفية القوائم، والعودة بقائمة تحتوي فقط على العناصر المطابقة.

يمكن استخدام هذا المرشح فقط للقوائم.

الصفحات ذات الصلة

دليل 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 : دالة: دالة ستتم دعوتها لكل عنصر في اللوحة، وسيظهر العنصر الذي يعود بالدالة بـ true في اللوحة الناتجة. انظر إلى مثال أعلاه. }}

المواصفات

المواصفات وصف
expression

expression

لغة التعبير المستخدمة في اختيار العناصر من اللوحة. يمكن أن يكون نوع التعبير:

السلسلة: سيتم العودة بالعناصر التي تتطابق مع السلسلة.

عنصر: العنصر هو النمط الذي يتم البحث عنه في اللوحة. على سبيل المثال: filter: {"name" : "H", "city": "London"} سيقوم بتقديم العناصر التي تحتوي على الحرف "H" في الاسم و"London" في المدينة. انظر إلى المثال أعلاه.
دالة: دالة ستتم دعوتها لكل عنصر في اللوحة، وسيظهر العنصر الذي يعود بالدالة بـ true في اللوحة الناتجة. انظر إلى مثال أعلاه.

comparator

اختياري. تحديد درجة التشديد في المقارنة. يمكن أن تكون القيمة:

true: يتم العودة بمطابقة فقط إذا كانت قيمة عنصر اللوحة متطابقة تمامًا مع القيمة التي نريد مقارنتها.

false: إذا كانت قيمة عنصر اللوحة تحتوي على القيمة التي نريد مقارنتها، فإنها تعود بمطابقة. لا يهم الحساسية في المقارنة. هذا هو القيمة الافتراضية.

دليل مرجعي AngularJS