مصفيات AngularJS

المُرشح يستخدم لتعديل البيانات. يمكن استخدام رمز البارز (|) لتجميعها في تعبير أو أمر. يظهر لائحة التالية المرشحات الشائعة.

الترقيم	الاسم والوصف
1	`uppercase` تحويل النص إلى نص كبير.
2	`lowercase` تحويل النص إلى نص صغير.
3	`currency` ضبط صيغة النص باستخدام صيغة العملة.
4	`filter` تصفية مجموعة بناءً على الشروط المقدمة إلى مجموعة فرعية.
5	`orderby` ترتيب مجموعة بناءً على الشروط المقدمة.

uppercase - مرشح الكبير

استخدم رمز القناة لجعل مرشح الكبير يضاف إلى التعبير. هنا، أضفنا مرشح الكبير لطباعة اسم الطالب بصغرى.

إدخل الاسم:<input　type　=　"text"　ng-model　=　"student.firstName">
إدخل العائلة:　<input　type　=　"text"　ng-model　=　"student.lastName">
اسم كبير:　{{student.fullName()　|　uppercase}}

lowercase - مرشح الصغرى

استخدم رمز القناة لجعل مرشح الصغرى يضاف إلى التعبير. هنا، أضفنا مرشح الصغرى لطباعة اسم الطالب بصغرى.

إدخل الاسم:<input　type　=　"text"　ng-model　=　"student.firstName">
إدخل العائلة:　<input　type　=　"text"　ng-model　=　"student.lastName">
اسم صغير:　{{student.fullName()　|　lowercase}}

currency - مرشح العملة

استخدم رمز الخط الفاصل العائم لجعل مرشح العملة يضاف إلى التعبير العددي المعودي. هنا، أضفنا مرشح العملة لطباعة الرسوم بصيغة العملة.

إدخل الرسوم:　<input　type　=　"text"　ng-model　=　"student.fees">رسوم:　{{student.fees　|　currency}}

filter - مرشح

للإظهار فقط المواضيع الضرورية، نستخدم subjectName كمرشح.

إدخل الموضوع:　<input　type　=　"text"　ng-model　=　"subjectName">
الموضوع:

　　　<li　ng-repeat　=　"subject　in　student.subjects　|　filter:　subjectName">
　　　　　　{{　subject.name　+　',　marks:'　+　subject.marks　}}

orderby - مرشح

للترتيب الـموضوع بناءً على العلامات، نستخدم علامة orderBy.

الموضوع:

　　　<li　ng-repeat　=　"subject　in　student.subjects　|　orderBy:'marks'">
　　　　　　{{　subject.name　+　',　marks:'　+　subject.marks　}}

مثال على الإنترنت

هذا المثال يظهر استخدام جميع المرشحات المذكورة أعلاه.

testAngularJS.htm

مثال

<html>
　　　
　　　　　　Angular　JS　Filters
　　　　　　
　　　　　　</script>
　　　
　　　
　　　
　　　　　　AngularJS　过滤器使用示例
　　　　　　
　　　　　　
　　　　　　　　　
　　　　　　　　　　　　
　　　　　　　　　　　　　　　输入名字:
　　　　　　　　　　　　　　　
　　　　　　　　　　　　
　　　　　　　　　　　　
　　　　　　　　　　　　　　　输入姓氏:　
　　　　　　　　　　　　　　　
　　　　　　　　　　　　
　　　　　　　　　　　　
　　　　　　　　　　　　　　　输入费用:　
　　　　　　　　　　　　　　　
　　　　　　　　　　　　
　　　　　　　　　　　　
　　　　　　　　　　　　　　　输入主题:　
　　　　　　　　　　　　　　　
　　　　　　　　　　　　
　　　　　　　　　
　　　　　　　　　

　　　　　　　　　
　　　　　　　　　
　　　　　　　　　　　　
　　　　　　　　　　　　　　　大写名称:　{{student.fullName()　|　uppercase}}
　　　　　　　　　　　　
　　　　　　　　　　　　
　　　　　　　　　　　　　　　小写名称:　{{student.fullName()　|　lowercase}}
　　　　　　　　　　　　
　　　　　　　　　　　　
　　　　　　　　　　　　　　　费用:　{{student.fees　|　currency}}
　　　　　　　　　　　　　　　
　　　　　　　　　　　　
　　　　　　　　　　　　
　　　　　　　　　　　　　　　主题:
　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　　　　　　　　　　{{　subject.name　+　',　marks:'　+　subject.marks　}}

دليل AngularJS الأساسي