AngularJS NG-Class التوجيه
مثيل AngularJS
تعديل فئة العنصر <viv>:
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> <style>. خلفية اللون: LightBlue ؛ الحشو: 20 بكسل ؛ Font-Family: "Courier New" ؛}. Tomato {Background-Color: Coral ؛ الحشو: 40 بكسل ؛ font-family: verdana ؛} </style> </head> <body ng-app = ""> <p> حدد فئة: </p> <select ng-model = "home" IT! </p> </viv> </body> </html>التعريف والاستخدام
يتم استخدام التوجيه من فئة NG لربط فئات CSS واحدة أو أكثر ديناميكيًا لعناصر HTML.
يمكن أن تكون قيمة التوجيه من فئة NG سلسلة أو كائن أو صفيف.
إذا كانت سلسلة ، يتم فصل أسماء فئة متعددة عن طريق المسافات.
إذا كان كائنًا ، فأنت بحاجة إلى استخدام زوج القيمة الرئيسية ، وهو قيمة منطقية ، والقيمة هي اسم الفئة الذي تريد إضافته. سيتم إضافة الفصل فقط إذا كان المفتاح صحيحًا.
إذا كانت صفيفًا ، فيمكن أن تتكون من سلاسل أو مجموعات من الكائنات ، ويمكن أن تكون عناصر الصفيف سلاسل أو كائنات.
قواعد
<element ng-class = "expression"> </element>
يتم دعم جميع عناصر HTML.
قيمة المعلمة
| قيمة | يصف |
|---|---|
| تعبير | تعبير يرجع واحد أو أكثر من أسماء الفئة. |
ما سبق هو عبارة عن مجموعة من معلومات تعليم AngularJS NG-Class ، للرجوع إليها من قبل الأصدقاء المحتاجين.