مرشح AngularJS
مرشحات يمكن استخدام حرف توجيه الإخراج (|) إضافة إلى العبارات والتعليمات.
مرشح AngularJS
AngularJS فلتر يمكن استخدامها لتحويل البيانات:
فلتر | وصف |
---|---|
عملة | تنسيق الأرقام منسقة كعملة. |
فلتر | اختيار مجموعة فرعية من العناصر من مجموعة. |
صغيرة | سلسلة التنسيق إلى أحرف صغيرة. |
orderBy | ترتيب مجموعة وفقا لتعبير. |
الأحرف الكبيرة | سلسلة التنسيق إلى أحرف كبيرة. |
إضافة تصفية التعبير
تصفية من خلال شخصية الأنابيب (|)، ويتم إضافة فلتر إلى التعبير. .
((مثالان أدناه، وسوف نستخدم القسم السابق ذكر التحكم شخص))
سلسلة مرشح الكبيرة بتنسيق الأحرف الكبيرة:
AngularJS الأمثلة
<div نانوغرام التطبيق = "اسم التطبيق " نانوغرام تحكم = "personCtrl">
<P> اسم هو {{اسم العائلة | الأحرف الكبيرة}} < / P>
</ div>
<P> اسم هو {{اسم العائلة | الأحرف الكبيرة}} < / P>
</ div>
محاولة »
فلتر الأحرف الصغيرة لتنسيق سلسلة صغيرة:
AngularJS الأمثلة
<div نانوغرام التطبيق = "اسم التطبيق " نانوغرام تحكم = "personCtrl">
<P> اسم هو {{اسم العائلة | صغيرة}} < / P>
</ div>
<P> اسم هو {{اسم العائلة | صغيرة}} < / P>
</ div>
محاولة »
مرشح العملة
سيتم تنسيق العملة فلتر رقمي بتنسيق العملة:
AngularJS الأمثلة
<div نانوغرام التطبيق = "اسم التطبيق " نانوغرام تحكم = "costCtrl">
<نوع الإدخال = "عدد" نانوغرام -model = "كمية">
<نوع الإدخال = "عدد" نانوغرام -model = "السعر">
<P> السعر الإجمالي = {{(الكمية * السعر) | العملات}} </ P>
</ div>
<نوع الإدخال = "عدد" نانوغرام -model = "كمية">
<نوع الإدخال = "عدد" نانوغرام -model = "السعر">
<P> السعر الإجمالي = {{(الكمية * السعر) | العملات}} </ P>
</ div>
محاولة »
إضافة مرشحات للتعليم
تصفية من خلال شخصية الأنابيب (|)، ويتم إضافة فلتر لتوجيه.
orderBy ترتيب تصفية مجموعة وفقا لتعبير:
AngularJS الأمثلة
<div نانوغرام التطبيق = "اسم التطبيق " نانوغرام تحكم = "namesCtrl">
<UL>
<لي نغ-تكرار = "س في أسماء | orderBy:" دولة ">
{{X.name + '،' + x.country}}
</ لى>
</ UL>
<div>
<UL>
<لي نغ-تكرار = "س في أسماء | orderBy:" دولة ">
{{X.name + '،' + x.country}}
</ لى>
</ UL>
<div>
محاولة »
إدخال مرشح
وأضاف، ومرشح لهذا التوجيه، مرشح متبوعا بنقطتين واسم طراز | تصفية إدخال من خلال شخصية الأنابيب ().
مرشحات تصفية حدد مجموعة فرعية من مجموعة:
AngularJS الأمثلة
<div نانوغرام التطبيق = "اسم التطبيق " نانوغرام تحكم = "namesCtrl">
<P> <إدخال نوع = " نص" نانوغرام طراز = "اختبار"> </ P>
<UL>
<لي نغ-تكرار = "س في أسماء | فلتر: اختبار | orderBy:" دولة ">
{{(X.name | الأحرف الكبيرة) + '،' + x.country}}
</ لى>
</ UL>
</ div>
<P> <إدخال نوع = " نص" نانوغرام طراز = "اختبار"> </ P>
<UL>
<لي نغ-تكرار = "س في أسماء | فلتر: اختبار | orderBy:" دولة ">
{{(X.name | الأحرف الكبيرة) + '،' + x.country}}
</ لى>
</ UL>
</ div>
محاولة »